/********************************************************************
*
**
********************************************************************/		
function animatePopup(id, hStep){
	var popup = window.popups[id]		
	if(popup){
		var mode = popup.mode;
		var done = true;						
		if(mode == 'show'){
			popup.active=true;
   			popup.style.display = "";
			// Animate appearance
			popup.style.width = popup.tW;

			if((popup.cH + hStep) < popup.tH){
				popup.cH += hStep;
				popup.style.height = popup.cH;
				done = false;
			}else{
				popup.style.height = popup.tH;
				popup.done = true;
			}
			
			if(!done)
				setTimeout("animatePopup('"+id+"',"+hStep+")", 20);

		}else if(mode == 'hide'){
			if(popup.cH > hStep){
				popup.cH -= hStep;
				popup.style.height = popup.cH;
				done = false;
			}
			if(!done){
				setTimeout("animatePopup('"+id+"',"+hStep+")", 20);
			}else{
				while(popup.firstChild){
					popup.removeChild(popup.firstChild);
				}
				var parent = popup.parentNode;
				parent.removeChild(popup);
				parent.popupDiv = null;
				window.popups[id] = null;
			}
		}
	}
}		
		
/********************************************************************
*
**
********************************************************************/
function showPopup(id, sender, content_id, targetW, targetH ){
	if(sender.popupDiv){
		return;
	}
	else{
		if(getBrowser()=="Mozilla"){
			targetW-=23;
			targetH-=23;
		}
		
		var popupDiv = document.createElement('DIV');
		var content = res[content_id];
		popupDiv.tW = targetW;
		popupDiv.tH = targetH;
		popupDiv.bodyContent = content;
		popupDiv.innerHTML = content;
		popupDiv.cW = 0;
		popupDiv.cH = 0;
				
		sender.popupDiv=popupDiv;
				
		var _offsetTop = 0;
		var s = sender;
		while(s){
			if(s.offsetTop)
				_offsetTop+=s.offsetTop;
				s = s.offsetParent;
			}
			var _offsetLeft = 0;
			var s = sender;
		while(s){
			if(s.offsetLeft)
				_offsetLeft+=s.offsetLeft;
			s = s.offsetParent;
		}				
		_offsetLeft+=20;
				
	    popupDiv.style.position = "absolute";
   		popupDiv.style.top = _offsetTop;
   		popupDiv.style.left = _offsetLeft;
   		popupDiv.style.width = "0px";
   		popupDiv.style.height = "0px";
   		popupDiv.style.overflow = "hidden";
   		popupDiv.style.display = "none";
   		

   		popupDiv.className = "popup";
   		
   		popupCoverDiv = document.createElement('DIV');
   		popupCoverDiv.style.width = "1000px";
   		popupCoverDiv.style.height = "1000px";
	    popupCoverDiv.style.position = "absolute";
   		popupCoverDiv.style.top = "0px";
   		popupCoverDiv.style.left = "0px";
		popupCoverDiv.style.overflow = "hidden";
   		popupCoverDiv.style.background = "#009900";
   		setOpacity(popupCoverDiv,0);
   		
 		
   		popupDiv.appendChild(popupCoverDiv);
   		popupDiv.cover = popupCoverDiv;
   		

   		popupCoverDiv.onmouseout=function(){
   			popupDiv.mode='hide';
   			var hStep = Math.round(targetH / 5);
			animatePopup(id, hStep);
		}
		if(!window.popups) window.popups = new Object();
		popupDiv.mode='show'
		window.popups[id] = popupDiv;
		sender.appendChild(popupDiv);
		
		var hStep = Math.round(targetH/15);
		setTimeout("animatePopup('"+id+"',"+hStep+")", 600);
	}
}

/********************************************************************
*
**
********************************************************************/
function hidePopup(id){
	if(window.popups && window.popups[id] && !window.popups[id].active){
		window.popups[id].mode='hide';
		animatePopup(id, 20);
	}
}

/********************************************************************
*
**
********************************************************************/

function getBrowser() {
	var agt=navigator.userAgent.toLowerCase();
	if (agt.indexOf("opera") != -1) return 'Opera';
	if (agt.indexOf("msie") != -1) return 'IE';
	if (agt.indexOf("netscape") != -1) return 'Netscape';
	if (agt.indexOf("mozilla/5.0") != -1) return 'Mozilla';
}


function setOpacity(div, value)
{
	var browser =getBrowser();
    if (browser == 'IE'){
    	div.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity=" + value + ")";
    }else{
        if (div.style)
            div.style.opacity = parseInt(value) / 100;
    }
}