// JavaScript Document

function zoomImage(src){
	if(src){
		location.href="../imageviewer/?img="+src;	
	}
}

var activeElement;
function showInfoBox(element){
	if(document.getElementById("infoBox")){
		document.getElementById("infoBox").parentNode.removeChild(document.getElementById("infoBox"));	
	}
	
	
	var paddingLeft="32px";
	var paddingRight="10px";
	
	paddingLeft="10px";
	paddingRight="10px";
	
	element.style.MozOpacity="1";
	element.style.filter="Alpha(opacity=100)";
	var infoBox=document.createElement("div");
	infoBox.id="infoBox";
	infoBox.style.width="500px";
	infoBox.style.height="auto";
	infoBox.style.position="absolute";
	infoBox.style.left=200+"px";
	infoBox.style.top=0+"px";
	infoBox.style.textAlign="center";
	infoBox.style.padding="10px";
	infoBox.style.paddingLeft=paddingLeft;
	infoBox.style.paddingRight=paddingRight;
	infoBox.style.fontFamily="Verdana, Arial, Helvetica, sans-serif";
	infoBox.style.fontSize="11px";
	infoBox.style.color="#CCCCCC";
	//infoBox.style.backgroundColor="#FFFFFF";
	//infoBox.style.textAlign="left";
	infoBox.style.lineHeight="1em";
	//infoBox.style.MozOpacity="0.9";
	//infoBox.style.filter="Alpha(opacity=90)";
	var infoText=descArray[element.alt];
	infoHTMLText=infoText.replace(/\|/gi,"<br />");
	infoBox.innerHTML=infoHTMLText;
	document.getElementById("content").appendChild(infoBox);
	
	
	element.onmouseout=function(){
		
		element.style.MozOpacity="0.5";
		element.style.filter="Alpha(opacity=50)";
		if(document.getElementById("infoBox")){
			document.getElementById("infoBox").parentNode.removeChild(document.getElementById("infoBox"));	
			element.onmouseover=new Function("showInfoBox(this);");
		}
	}
	
	
}

function addInfoBox(id){
	if(document.getElementById(id)){
		var pElement=document.getElementById(id);
		for(var i=0;i<pElement.getElementsByTagName("area").length;i++){
			var tmp=pElement.getElementsByTagName("area")[i];
			tmp.onmouseover=new Function("showInfoBox(this);");
			tmp.style.MozOpacity="0.5";
			tmp.style.filter="Alpha(opacity=50)";
		}
	}	
}