//**********************************************************************//
	//							- MENUTOM -								    //
	//						Funcions genèriques							    //
	//																		//
	//**********************************************************************//
function Browser() {		
var ua, s, i;

// Internet Explorer
this.isIE    = false;  

// Netscape6 
this.isNS6 = false;  

// Netscape4
this.isNS4 = false;

this.version = null;
this.dom = (document.getElementById)?1:0;
this.layers = (document.layers)?1:0; 
ua = navigator.userAgent;

// Treat IE
s = "MSIE";
if ((i = ua.indexOf(s)) >= 0) {
	this.isIE = true;
	this.version = parseFloat(ua.substr(i + s.length));
	return;
	}

// Treat NS6
s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
	this.isNS6 = true;
	this.version = parseFloat(ua.substr(i + s.length));
	return;
	}

// Treat NS7
s = "Netscape/7";
if ((i = ua.indexOf(s)) >= 0) {
	this.isNS6 = true;
	this.version = parseFloat(ua.substr(i + s.length));
	return;
	}

// Treat NS4
if ((this.layers)&&(!this.dom)){
	this.isNS4 = true;
	this.version = navigator.appVersion;
	//return;
	}

// Treat any other "Gecko" browser as NS 6.1.
s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
	this.isNS6 = true;
	return;
	}

// Treat Konqueror
s = "Konqueror";
if ((i = ua.indexOf(s)) >= 0) {
	this.isNS6 = true;
	return;
	}
}
function defDIV(theDivName){

		if (browser.isNS4)
			eval('div'+ theDivName +' =	document.layers[\''+ theDivName +'\']');
		
		else if (browser.isIE)
			eval('div'+ theDivName +' =	document.all[\''+ theDivName +'\'].style'); 
						
		else if (browser.isNS6)
			eval('div'+theDivName+' = document.getElementById(\''+theDivName+'\').style');
		// mal sehn wegen opera et al
		else eval('div'+ theDivName +' =	document.all[\''+ theDivName +'\'].style'); 			
	}
	
	
	function showDIV(div){
		if (browser.isNS4) div.visibility = "show";
		else div.visibility = "visible";
	}
	
	
	function hideDIV(div) {
		if (browser.isNS4) div.visibility = "hide";
		else div.visibility = "hidden";
	}	
	

	function writeDIV(div,text)
	{
	 if (browser.isNS4)
	 {	
	  var lyr = document.layers[div].document;
	  lyr.open();
	  lyr.write(text);
	  lyr.close();
	 }
	 else if (browser.isNS6){
	  var lyr = document.getElementById(div);
	  lyr.innerHTML = text;
	 }
	 else
	  document.all[div].innerHTML = text+'\n';
	 }
	 
	 function moveDIVTo(div,x,y) {
                div.xpos = x
                div.left = div.xpos
                div.ypos = y
                div.top = div.ypos
        }
     
     function getDIVWidth(div){
		var theWidth=null;
		
		if (browser.dom)
			theWidth = parseInt(div.width);
		
		else if (browser.layers) 
			theWidth = parseInt(div.document.width);
     
		return(theWidth);
     }

//**********************************************************************//
//							- MENUTOM -								    //
//						Funcions pròpies del menu +					    //
//						Construcció de les div's menuItem				//
//**********************************************************************//
	
document.write("<div id='MenuItem1DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden'></div>"+
			   "<div id='MenuItem2DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden;'></div>"+	
			   "<div id='MenuItem3DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem4DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem5DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem6DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem7DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem8DIV' style='position:absolute; left:0px; top:0px; width:593px; height:25px; z-index:20; visibility:hidden;'></div>");

var MENUNUMITEMS = 8; //Constant amb el nombre d'items de què consta el menu
	
	var browser = new Browser();
	var defaultItem;
	var theSelectedItem;
	var hideTimer;
	
	function pickMenuItem() {
		
		//Aturem el comptador cas que s'estigués amagant la div
		
		if ((browser.isNS4))
			setTimeout('clearTimeout(hideTimer)',10); //Introduim un petit delay pq NS4 captura abans 
													  //el onmouseover del butó que el onmouseout de la div
		else
			clearTimeout(hideTimer);
				
		//Amaguem les divs de tots els items
		for (i=0;i<MENUNUMITEMS;i++){
			hideDIV(eval('divMenuItem'+(i+1)+'DIV'));
		}
		
		//Mostrem la div corresponent a l'opció seleccionada
		showDIV(eval('divMenuItem'+theSelectedItem+'DIV'));
	}
	
	function unpickMenuItem(){

		//Amaguem la div de l'item seleccionat despres d'un segon de pausa
		hideTimer = setTimeout('hideDIV(divMenuItem'+theSelectedItem+'DIV)',0);
		//naechste zeile von mir:
		//theSelectedItem=defaultItem;
		showDIV(eval('divMenuItem'+defaultItem+'DIV'));
		
	}
	
	function outbutton(event){
		
		var TopLimit= parseInt(divMenuDIV.top) + 2; //IE añade dos pixeles de borde.	
		var LeftLimit=parseInt(divMenuDIV.left) + 2; //IE añade dos pixeles de borde.	
		var RightLimit=(parseInt(divMenuDIV.left) + getDIVWidth(divMenuDIV) - 1); //NS6:Descontamos 1 pixel de borde
		
		//alert('TopLimit: '+TopLimit+'\nLeftLimit: '+LeftLimit+'\nRightLimit: '+RightLimit+'\nMenuWidth: '+getDIVWidth(divMenuDIV));
		var x, y;
		
	
		if (window.event) {
		  x = window.event.clientX + document.documentElement.scrollLeft
		    + document.body.scrollLeft;
		  y = window.event.clientY + document.documentElement.scrollTop
		    + document.body.scrollTop;
		}
		else if (browser.isNS6){
		  x = event.clientX + window.scrollX;
		  y = event.clientY + window.scrollY;
		}
		else if (browser.isNS4){
		  
		  x = event.pageX + window.pageXOffset;
		  y = event.pageY + window.pageYOffset;
		}
		if ((y<=TopLimit)||(x<=LeftLimit)||(x>=RightLimit))showDefault();
		//alert('x: '+x+'\ny: '+y);
	}
		
	function menu_dominit(){
		
		defDIV('MenuDIV');
		
		//Definim les divs amb el contingut de cada opció
		for (i=0;i<MENUNUMITEMS;i++){
			defDIV('MenuItem'+(i+1)+'DIV');
			if (browser.isNS4){
				document.layers['MenuItem'+(i+1)+'DIV'].onmouseover=pickMenuItem;
				document.layers['MenuItem'+(i+1)+'DIV'].onmouseout=unpickMenuItem;
			}
			else if (browser.dom){
				document.getElementById('MenuItem'+(i+1)+'DIV').onmouseover=pickMenuItem;
				document.getElementById('MenuItem'+(i+1)+'DIV').onmouseout=unpickMenuItem;
			}
		}
		//Amaguem les divs amb el contingut de cada opció i escrivim el contingut dels menus
		for (i=0;i<MENUNUMITEMS;i++){
			
			hideDIV(eval('divMenuItem'+(i+1)+'DIV'));
			
			x=parseInt(divMenuDIV.left);
			y=parseInt(divMenuDIV.top) + 23;
			moveDIVTo(eval('divMenuItem'+(i+1)+'DIV'),x,y)
			
			writeDIV('MenuItem'+(i+1)+'DIV',eval('theMenuItem'+(i+1)+'Content'));
		}
	}

	function showDefault(){

		//naechste zeile von mir:
		theSelectedItem=defaultItem;
		showDIV(eval('divMenuItem'+theSelectedItem+'DIV'));
	}