/***********************************************
* Chrome CSS Drop Down Menu- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
 
var cssdropdown={
disappeardelay: 250, //set delay in miliseconds before menu disappears onmouseout
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
enableswipe: 0, //enable swipe effect? 1 for yes, 0 for no
 
//No need to edit beyond here////////////////////////
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, swipetimer: undefined, bottomclip:0,
 
getposOffset:function(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
},
 
swipeeffect:function(){
if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
this.bottomclip+=10+(this.bottomclip/10) //unclip drop down menu visibility gradually
this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
}
else
return
this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
},
 
showhide:function(obj, e){
if (this.ie || this.firefox)
	this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
		if (this.enableswipe==1){
			if (typeof this.swipetimer!="undefined")
				clearTimeout(this.swipetimer)
				obj.clip="rect(0 auto 0 0)" //hide menu via clipping
				this.bottomclip=0
				this.swipeeffect()
		}
		obj.visibility="visible"
	}
	else if (e.type=="click")
	obj.visibility="hidden"
},
 
iecompattest:function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
},
 
clearbrowseredge:function(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
},
 
dropit:function(obj, e, dropmenuID){
 if (this.dropmenuobj!=null) //hide previous menu
  this.dropmenuobj.style.visibility="hidden" //hide menu
  this.clearhidemenu()
  if (this.ie||this.firefox){
    obj.onmouseout=function(){cssdropdown.delayhidemenu(obj)}
    obj.onclick=function(){return !cssdropdown.disablemenuclick} //disable main menu item link onclick?
    this.dropmenuobj=document.getElementById(dropmenuID)
    this.dropmenuobj.onmouseover=function(){
    	cssdropdown.clearhidemenu();
   	 obj.style.color="#eee"; 
    	if (dropmenuID == "dropmenu8") {obj.style.backgroundImage="url(/images/" + document.getElementById('loginImg').value + "Over.jpg)"}
      		else {obj.style.backgroundImage="url(/images/blueGradover.gif)"}
    	}	
    this.dropmenuobj.onmouseout=function(){cssdropdown.dynamichide(e,obj)}
    this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu(obj)}
    this.showhide(this.dropmenuobj.style, e)
    this.dropmenuobj.x=this.getposOffset(obj, "left")
    this.dropmenuobj.y=this.getposOffset(obj, "top")
    this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")-1+"px"
    //var dropoffset = this.ie ? 6 : 3  // Set the offest from nav button to drop down div
    var dropoffset = 0					// Coded this so that IE and Firefox render the same.  Above is the old statement.
    this.dropmenuobj.style.top=this.dropmenuobj.y+obj.offsetHeight+dropoffset+"px"
    //-this.clearbrowseredge(obj, "bottomedge")
    }
  },
 
  contains_firefox:function(a, b) {
  while (b.parentNode)
    if ((b = b.parentNode) == a)
      return true;
      return false;
    },
 
dynamichide:function(e, obj){
var evtobj=window.event? window.event : e
//if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
this.delayhidemenu(obj)
//else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
//this.delayhidemenu(obj)
},
 
delayhidemenu:function(obj){
this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'",this.disappeardelay) //hide menu
//cssdropdown.dropmenuobj.style.visibility='hidden'
obj.style.color="white"
if (obj.getAttribute("rel")=="dropmenu8") {obj.style.backgroundImage="url(/images/" + document.getElementById('loginImg').value + ".jpg)" }
else {obj.style.backgroundImage="url(/images/blueGrad.gif)"}
},
 
clearhidemenu:function(){
if (this.delayhide!="undefined")
clearTimeout(this.delayhide)
},
 
startnav:function(){
for (var ids=0; ids<arguments.length; ids++){
var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
for (var i=0; i<menuitems.length; i++){
if (menuitems[i].getAttribute("rel")){
var relvalue=menuitems[i].getAttribute("rel")
menuitems[i].onmouseover=function(e){
this.style.color="#eee"
if (this.getAttribute("rel")=="dropmenu8") {
	this.style.backgroundImage="url(/images/" + document.getElementById('loginImg').value + "Over.jpg)" }
else {this.style.backgroundImage="url(/images/blueGradover.gif)" }
var event=typeof e!="undefined"? e : window.event
cssdropdown.dropit(this,event,this.getAttribute("rel"))
// this.style.fontWeight="bold"
}
}
}
}
}
 
}