//chrome drop down menu- author: dynamic drive (http://www.dynamicdrive.com)
//last updated: june 14th, 06'

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: 1, //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"
this.dropmenuobj.style.left="-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.onclick=function(){return !cssdropdown.disablemenuclick} //disable main menu item link onclick?
this.dropmenuobj=document.getelementbyid(dropmenuid)
this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
this.dropmenuobj.onmouseout=function(){cssdropdown.dynamichide(e)}
this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
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")+"px"
//this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetheight+1+"px"
}
},

contains_firefox:function(a, b) {
while (b.parentnode)
if ((b = b.parentnode) == a)
return true;
return false;
},

dynamichide:function(e){
var evtobj=window.event? window.event : e
if (this.ie&&!this.dropmenuobj.contains(evtobj.toelement))
this.delayhidemenu()
else if (this.firefox&&e.currenttarget!= evtobj.relatedtarget&& !this.contains_firefox(evtobj.currenttarget, evtobj.relatedtarget))
this.delayhidemenu()
},

delayhidemenu:function(){
this.delayhide=settimeout("cssdropdown.dropmenuobj.style.visibility='hidden'",this.disappeardelay) //hide menu
},

clearhidemenu:function(){
if (this.delayhide!="undefined")
cleartimeout(this.delayhide)
},

startchrome: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){
var event=typeof e!="undefined"? e : window.event
cssdropdown.dropit(this,event,this.getattribute("rel"))
}
}
}
}
}

}