var textArray = new Array("<div class='popupHeading'>HEAT Study</div><div class='popupContent'>Combination treatment in the H E A T  Study extends treatment to the region beyond the immediate tumor into the zone that borders around the tumor and the rest of the liver. This combined approach increases the region of tissue that can be treated (beyond using only 1 form of treatment.</div>","<div class='popupHeading'>HEAT Study</div><div class='popupContent'>Combination treatment in the H E A T  Study extends treatment to the region beyond the immediate tumor into the zone that borders around the tumor and the rest of the liver. This combined approach increases the region of tissue that can be treated (beyond using only 1 form of treatment.</div>","<div class='popupHeading'>ThermoDox</div><div class='popupContent'>ThermoDox is a heat reactive liposome designed to release entrapped doxorubicin. The addition of heat is known to enhance the effect of chemo-therapeutic drugs. In ablative settings, ThermoDox is intended to increase the zone of necrosis at the tumor margins (1-cm region), correlating with the temperature isotherm of 39&ordm; to 50&ordm;C where tumor recurrence is frequent.</div>" );


var dropdowncontent={
 	delaybeforehide: 10, //set delay in milliseconds before content box disappears onMouseout (1000=1 sec)
	disableanchorlink: true, //when user clicks on anchor link, should it be disabled?
	ajaxloadingmsg: "Loading content. Please wait...", 
	ajaxbustcache: true, //Bust cache when fetching pages?

	getposOffset:function(what, offsettype)	{
		return (what.offsetParent)? what[offsettype]+this.getposOffset(what.offsetParent, offsettype) : what[offsettype]
	},
	isContained:function(m, e) {
		var e=window.event || e
		var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
		while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
		if (c==m)
			return true
		else
			return false
	},

	show:function(anchorobj, subobj, e){
		if (!this.isContained(anchorobj, e)){
			if(anchorobj.id.length>10) { 
        var i = anchorobj.id.substr(10,anchorobj.id.length);
			} else {
				i=0
			}
			if(anchorobj.offsetWidth>50) {
  		  var horizontaloffset=50//calculate user added horizontal offset
			} else {
				var horizontaloffset=anchorobj.offsetWidth;
			}
			if(anchorobj.offsetHeight>-47) {
				var verticaloffset=-35
			} else {
				var verticaloffset=(subobj.dropposition)? +(anchorobj.offsetHeight) : 0;
			}
			subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + horizontaloffset + "px"
			subobj.style.top=this.getposOffset(anchorobj, "offsetTop")+verticaloffset+"px"
			//alert(anchorobj.offsetHeight)
			subobj.style.clip=(subobj.dropposition[1]=="top")? "rect(auto auto auto 0)" : "rect(0 auto 0 0)" //hide drop down box initially via clipping
			subobj.style.visibility="visible"
			subobj.startTime=new Date().getTime()
			subobj.contentheight=parseInt(subobj.offsetHeight)
			if (typeof window["hidetimer_"+subobj.id]!="undefined") //clear timer that hides drop down box?
				clearTimeout(window["hidetimer_"+subobj.id])
			this.slideengine(subobj, (subobj.dropposition[1]=="top")? "up" : "down")
		}
		ChangeText(i)
	},

	curveincrement:function(percent){
		return (1-Math.cos(percent*Math.PI)) / 2 //return cos curve based value from a percentage input
	},

	slideengine:function(obj, direction){
		var elapsed=new Date().getTime()-obj.startTime //get time animation has run
		if (elapsed<obj.glidetime){ //if time run is less than specified length
			var distancepercent=(direction=="down")? this.curveincrement(elapsed/obj.glidetime) : 1-this.curveincrement(elapsed/obj.glidetime)
			var currentclip=(distancepercent*obj.contentheight)+"px"
			obj.style.clip=(direction=="down")? "rect(0 auto "+currentclip+" 0)" : "rect("+currentclip+" auto auto 0)"
			window["glidetimer_"+obj.id]=setTimeout(function(){dropdowncontent.slideengine(obj, direction)}, 10)
		}
		else{ //if animation finished
			obj.style.clip="rect(0 auto auto 0)"
		}
	},
	hide:function(activeobj, subobj, e){
		if (!dropdowncontent.isContained(activeobj, e)){
			window["hidetimer_"+subobj.id]=setTimeout(function(){
				subobj.style.visibility="hidden"
				subobj.style.left=subobj.style.top=0
				clearTimeout(window["glidetimer_"+subobj.id])
			}, dropdowncontent.delaybeforehide)
		}
	},
 init:function(anchoridA, pos, glidetime)
 {
	 	for(var i =0; i<anchoridA.length;i++)
		{
			var anchorid = anchoridA[i];
			
		var anchorobj=document.getElementById(anchorid)
		var subobj=document.getElementById(anchorobj.getAttribute("rel"))
		var subobjsource=anchorobj.getAttribute("rev")
		if (subobjsource!=null && subobjsource!="")
			this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
		subobj.dropposition=pos.split("-")
		subobj.glidetime=glidetime || 1000
		subobj.style.left=subobj.style.top=0
		anchorobj.onmouseover=function(e){dropdowncontent.show(this, subobj, e);}
		anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e)}
		if (this.disableanchorlink) anchorobj.onclick=function(){}
		subobj.onmouseout=function(e){dropdowncontent.hide(this, subobj, e)}
		}
 }
}
function ChangeText(i) 
{
			
			if(document.getElementById("popupContent")!=null && document.getElementById("popupContent")!='undefined')
			{
			document.getElementById("popupContent").innerHTML = textArray[i-1];
			}
}