//Drop Down/ Overlapping Content: http://www.dynamicdrive.com
//**Updated: Dec 19th, 07': Added ability to dynamically populate a Drop Down content using an external file (Ajax feature)
//**Updated: Feb 29th, 08':
				//1) Added ability to reveal drop down content via "click" of anchor link (instead of default "mouseover")
				//2) Added ability to disable drop down content from auto hiding when mouse rolls out of it
				//3) Added hidediv(id) public function to directly hide drop down div dynamically

var isSchoolPage = null
var dropdowncontent={
	disableanchorlink: true, //when user clicks on anchor link, should link itself be disabled (always true if "revealbehavior" above set to "click")
    hidedivmouseout: [true, 200], //Set hiding behavior within Drop Down DIV itself: [hide_div_onmouseover?, miliseconds_before_hiding]
	ajaxloadingmsg: "Loading content. Please wait...", //HTML to show while ajax page is being feched, if applicable
	ajaxbustcache: true, //Bust cache when fetching Ajax 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=="click")? 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,anchorid){
		if (!this.isContained(anchorobj, e)){
			var e=window.event || e
			if (e.type=="click" && subobj.style.visibility=="visible"){
				return
			}
			var horizontaloffset= -147// (subobj.dropposition[0]=="left")? -(subobj.offsetWidth-anchorobj.offsetWidth) : 0 //calculate user added horizontal offset
			var verticaloffset= -10// (subobj.dropposition[1]=="top")? -subobj.offsetHeight : anchorobj.offsetHeight //calculate user added vertical offset
			subobj.style.left=this.getposOffset(anchorobj, "offsetLeft") + (horizontaloffset -68) + "px"
			
			var activeDiv = document.getElementById("example").offsetHeight + 15
			var browserDetails = navigator.userAgent;
		    
		    subobj.style.top = activeDiv + "px"
		    
            var alertDiv = document.getElementById("ctl00_ucAlert_dvAlert")
            
            if(alertDiv != null)
            {
                if(browserDetails.indexOf("MSIE 7.0") != -1) 
                subobj.style.top=  activeDiv  + 27 + "px" 
                else if(browserDetails.indexOf("MSIE 6.0") != -1)     
                    subobj.style.top=  activeDiv  + 27 + "px" 
                else if(browserDetails.indexOf("Firefox") != -1) 
                    subobj.style.top=  activeDiv  + 25 + "px"
                else if(browserDetails.indexOf("Safari") != -1)     
                    subobj.style.top = activeDiv  + 23 + "px";
                else if(browserDetails.indexOf("Opera") != -1)     
                    subobj.style.top = activeDiv + 25 + "px";
            }
            else
            {   
                if(browserDetails.indexOf("MSIE 7.0") != -1) 
                    subobj.style.top=  activeDiv - 12 + "px" 
                else if(browserDetails.indexOf("MSIE 6.0") != -1)     
                    subobj.style.top=  activeDiv - 12 + "px" 
                else if(browserDetails.indexOf("Firefox") != -1) 
                    subobj.style.top=  activeDiv - 15 + "px"
                else if(browserDetails.indexOf("Safari") != -1)     
                    subobj.style.top = activeDiv - 17 + "px";
                else if(browserDetails.indexOf("Opera") != -1)     
                    subobj.style.top = activeDiv - 14 + "px";
            }
            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"
		   
		   	//Fix for IE combobox overlap
		   	//500 is checked to make sure the code in not being called from a school profile page or Find a school page
		   	if(isSchoolPage != 500)
		   	{
		   	    var contentID = "#" + subobj.id
		   	    $(contentID).bgiframe();
			}
						
			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])
			var dropPosition = 	(subobj.dropposition[1]=="top")? "up" : "down"
			this.slideengine(subobj,anchorid,dropPosition)
		}
	},


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

	slideengine:function(obj,anchorid, 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,anchorid,direction)}, 10)
			window["showDivContent_"+obj.id] = setTimeout(function(){dropdowncontent.hideContent(obj,anchorid)}, 7000)
		}
		else{ //if animation finished
			obj.style.clip="rect(0 auto auto 0)"
		}
	},

    hideContent:function(obj,anchorid)
    {
        if(obj != null)
        {
            obj.style.clip="rect(0 auto auto 0)"
		    obj.style.visibility="hidden"
		    //Code for changing the back ground of the active div once the content get hidden
	        var activeDiv = document.getElementById(anchorid)
	   //     activeDiv.style.backgroundImage = "url('/images/Res-back.jpg')"
       //     activeDiv.style.color = "#005288"
			 activeDiv.className ="Res-Back";
            clearTimeout(window["showDivContent_"+obj.id])
            clearTimeout(window["glidetimer_"+obj.id])
            //End
        }
    },
     
	hide:function(activeobj, subobj, e, anchorid){
		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])
				clearTimeout(window["showDivContent_"+subobj.id])
			    //Code for changing the back ground of the active div once the content get hidden
			    var activeDiv = document.getElementById(anchorid)
			//    activeDiv.style.backgroundImage = "url('/images/Res-back.jpg')"
		    //    activeDiv.style.color = "#005288"
				 activeDiv.className ="Res-Back";
		        //End
		   	}, dropdowncontent.hidedivmouseout[1])
		}
	},

	hidediv:function(subobjid){
		document.getElementById(subobjid).style.visibility="hidden"
	},

	ajaxconnect:function(pageurl, divId){
		var page_request = false
		var bustcacheparameter=""
		if (window.XMLHttpRequest) // if Mozilla, IE7, Safari etc
			page_request = new XMLHttpRequest()
		else if (window.ActiveXObject){ // if IE6 or below
			try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
			} 
			catch (e){
				try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
				}
				catch (e){}
			}
		}
		else
			return false
		document.getElementById(divId).innerHTML=this.ajaxloadingmsg //Display "fetching page message"
		page_request.onreadystatechange=function(){dropdowncontent.loadpage(page_request, divId)}
		if (this.ajaxbustcache) //if bust caching of external page
			bustcacheparameter=(pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', pageurl+bustcacheparameter, true)
		page_request.send(null)
	},

	loadpage:function(page_request, divId){
		if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
			document.getElementById(divId).innerHTML=page_request.responseText
		}
	},
	
 init:function(anchorid, pos, glidetime, revealbehavior){
		var anchorobj=document.getElementById(anchorid)
		var subobj=document.getElementById(anchorobj.getAttribute("rel"))
		isSchoolPage = glidetime
		var subobjsource=anchorobj.getAttribute("rev")
		if (subobjsource!=null && subobjsource!="")
			this.ajaxconnect(subobjsource, anchorobj.getAttribute("rel"))
		subobj.dropposition=pos.split("-")
		glidetime = 50
		subobj.glidetime=glidetime || 1000
        subobj.style.left=-10
        subobj.style.top=0

        if (typeof revealbehavior=="undefined" || revealbehavior=="click"){
			//anchorobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e,anchorid)}
		}
		else
		{
			anchorobj.onclick=function(e){if(window["showDivContent_"+subobj.id] != "null") clearTimeout(window["showDivContent_"+subobj.id]);if (window["glidetimer_"+subobj.id] != "null") clearTimeout(window["glidetimer_"+subobj.id]);dropdowncontent.show(this, subobj, e,anchorid); return false}
			subobj.onmousemove = function(e){if(window["showDivContent_"+subobj.id] != "null") clearTimeout(window["showDivContent_"+subobj.id]);if (window["glidetimer_"+subobj.id] != "null") clearTimeout(window["glidetimer_"+subobj.id]);window["showDivContent_"+subobj.id] = setTimeout(function(){dropdowncontent.hideContent(subobj,anchorid)}, 7000);}
			subobj.onmouseout=function(e){dropdowncontent.hide(subobj, subobj, e,anchorid)}
		}
	}
}