//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: true, //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"
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")-5 // <------------------- the position
this.dropmenuobj.y=this.getposOffset(obj, "top")-0
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"

if(isNaN(document.getElementById('byDate')))     				 //<=============hide select by RYAN
{ document.getElementById("byDate").style.visibility="hidden"; 	 //<=============hide select by RYAN
document.getElementById("byVenue").style.visibility="hidden"; }	 //<=============hide select by RYAN

}
},

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(){
if(isNaN(document.getElementById('byDate'))) //<=============hide select by RYAN
this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden';document.getElementById('byDate').style.visibility='';document.getElementById('byVenue').style.visibility='';",this.disappeardelay)  //<=============hide select by RYAN
else //<=============hide select by RYAN
this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden';",this.disappeardelay) // <====original
},


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"))


}
}
}
}
}

}


function ShowMainMenu(MenuIndex) {

menuOver01="";
menuOver02="";
menuOver03="";
menuOver04="";
menuOver05="";
menuOver06="";
menuOver07="";
menuOver08="";
menuOver09="";

switch(MenuIndex){
	case "m1":
	menuOver01="-r";
	break;
	
	case "m2":
	menuOver02="-r";	
	break;
	
	case "m3":
	menuOver03="-r";
	break;
	
	case "m4":
	menuOver04="-r";
	break;
	
	case "m5":
	menuOver05="-r";
	break;
	
	case "m6":
	menuOver06="-r";	
	break;
	
	case "m7":
	menuOver07="-r";
	break;
	
	case "m8":
	menuOver08="-r";	
	break;
	
	case "m9":
	menuOver09="-r";
	break;
	
	default:
	menuOver01="";
	menuOver02="";
	menuOver03="";
	menuOver04="";
	menuOver05="";
	menuOver06="";
	menuOver07="";
	menuOver08="";
	menuOver09="";
}
document.write('		<div class="chromestyle" id="chromemenu">');
document.write('		<table width="100%" height="67" border="0" cellpadding="0" cellspacing="0" background="../../graphics/en/submenu/menubg.jpg">');
document.write('          <tr>');


document.write('            <td valign="top"><a href="../about/index.html"><img src="../../graphics/en/submenu/menu_01'+menuOver01+'.gif" border="0" id="Image6" onmouseover="MM_swapImage(\'Image6\',\'\',\'../../graphics/en/submenu/menu_01-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../news/index.html"><img src="../../graphics/en/submenu/menu_02'+menuOver02+'.gif" border="0" id="Image7" onmouseover="MM_swapImage(\'Image7\',\'\',\'../../graphics/en/submenu/menu_02-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../prog/spring.html" rel="dropmenu1"><img src="../../graphics/en/submenu/menu_03'+menuOver03+'.gif" border="0" id="Image8" onmouseover="MM_swapImage(\'Image8\',\'\',\'../../graphics/en/submenu/menu_03-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../other/index.html" rel="dropmenu2"><img src="../../graphics/en/submenu/menu_04'+menuOver04+'.gif" border="0" id="Image9" onmouseover="MM_swapImage(\'Image9\',\'\',\'../../graphics/en/submenu/menu_04-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../critique/index.html"><img src="../../graphics/en/submenu/menu_05'+menuOver05+'.gif" border="0" id="Image10" onmouseover="MM_swapImage(\'Image10\',\'\',\'../../graphics/en/submenu/menu_05-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../diary/index.html" rel="dropmenu4"><img src="../../graphics/en/submenu/menu_06'+menuOver06+'.gif" border="0" id="Image11" onmouseover="MM_swapImage(\'Image11\',\'\',\'../../graphics/en/submenu/menu_06-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../booking/index.html"><img src="../../graphics/en/submenu/menu_07'+menuOver07+'.gif" border="0" id="Image12" onmouseover="MM_swapImage(\'Image12\',\'\',\'../../graphics/en/submenu/menu_07-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../multi/index.html" rel="dropmenu3"><img src="../../graphics/en/submenu/menu_08'+menuOver08+'.gif" border="0" id="Image13" onmouseover="MM_swapImage(\'Image13\',\'\',\'../../graphics/en/submenu/menu_08-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');
document.write('            <td valign="top"><a href="../latest/index.html"><img src="../../graphics/en/submenu/menu_09'+menuOver09+'.gif" border="0" id="Image14" onmouseover="MM_swapImage(\'Image14\',\'\',\'../../graphics/en/submenu/menu_09-r.gif\',1)" onmouseout="MM_swapImgRestore()" /></a></td>');


document.write('          </tr>');
document.write('        </table>');
document.write('		</div>');
}