/* THIS SECTION IS FOR THE FORM POPUP */
function gradient(id, level) {
	var box = document.getElementById(id);
	box.style.opacity = level;
	box.style.MozOpacity = level;
	box.style.KhtmlOpacity = level;
	box.style.filter = "alpha(opacity=" + level * 100 + ")";
	box.style.display="block";
	return;
}

function fadein(id) {
	var level = 0;
	while(level <= 1) {
		setTimeout( "gradient('" + id + "'," + level + ")", (level* 1000) + 10);
		level += 0.01;
	}
}

function openbox(formtitle, fadin) { // Open the lightbox
	var box = document.getElementById('box'); 
	if (null != document.getElementById('box2')) box = document.getElementById('box2');
	document.getElementById('filter').style.display='block';

	var btitle = document.getElementById('boxtitle');
	if (null != document.getElementById('boxtitle2')) btitle = document.getElementById('boxtitle2');
	btitle.innerHTML = formtitle;
  
	if(fadin) {
	 	if (null != document.getElementById('box2')) {
			gradient("box2", 0);
			fadein("box2");
		} else {
			gradient("box", 0);
			fadein("box");
		}
	} else { 	
		box.style.display='block';
	}  	
}

function closebox() { // Close the lightbox
	if (null != document.getElementById('box')) document.getElementById('box').style.display='none';
	if (null != document.getElementById('box2')) document.getElementById('box2').style.display='none';
	document.getElementById('filter').style.display='none';
}

/* THIS SECTION IS FOR THE DESC ROLLOVER */
function xstooltip_findPosX(obj) {
  var curleft = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
            curleft += obj.offsetLeft
            obj = obj.offsetParent;
        }
    }
    else if (obj.x) { curleft += obj.x; }
    return curleft;
}

function xstooltip_findPosY(obj) {
    var curtop = 0;
    if (obj.offsetParent) {
        while (obj.offsetParent) {
            curtop += obj.offsetTop
            obj = obj.offsetParent;
        }
    }
    else if (obj.y) { curtop += obj.y; }
    return curtop;
}

function xstooltip_show(tooltipId, parentId, posX, posY) {
    it = document.getElementById(tooltipId);
    
    if ((it.style.top == '' || it.style.top == 0) && (it.style.left == '' || it.style.left == 0)) {
        it.style.width = it.offsetWidth + 'px';
        it.style.height = it.offsetHeight + 'px';
        
        img = document.getElementById(parentId); 
    
        if (posX + it.offsetWidth > img.offsetWidth) posX = img.offsetWidth - it.offsetWidth;
        if (posX < 0 ) posX = 0; 
        
        x = xstooltip_findPosX(img) + posX;
        y = xstooltip_findPosY(img) + posY;
        
       /* it.style.top = y + 'px';
        it.style.left = x + 'px'; */
        it.style.top = posY + 'px';
        it.style.left = posX + 'px';
    } 
    
    it.style.visibility = 'visible'; 
}

function xstooltip_hide(id) {
    it = document.getElementById(id); 
    it.style.visibility = 'hidden'; 
}