//**********************************************************************//
	//							- MENUTOM -								    //
	//						Funcions genèriques							    //
	//																		//
	//**********************************************************************//


	function Browser() {
		var ua, s, i;
		this.isIE    = false;  // Internet Explorer
		this.isNS6    = false;  // Netscape6
		this.isNS4    = false;  // Netscape4
		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');
						
	}
	
	
	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:510px; height:100px; z-index:20; visibility:hidden'></div>"+
			   "<div id='MenuItem2DIV' style='position:absolute; left:0px; top:0px; width:510px; height:100px; z-index:20; visibility:hidden;'></div>"+	
			   "<div id='MenuItem3DIV' style='position:absolute; left:0px; top:0px; width:510px; height:100px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem4DIV' style='position:absolute; left:0px; top:0px; width:510px; height:100px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem5DIV' style='position:absolute; left:0px; top:0px; width:510px; height:100px; z-index:20; visibility:hidden;'></div>"+
			   "<div id='MenuItem6DIV' style='position:absolute; left:0px; top:0px; width:510px; height:100px; z-index:20; visibility:hidden;'></div>");

var MENUNUMITEMS = 6; //Constant amb el nombre d'items de què consta el menu
	
	var browser = new Browser();
	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)',100);
		
	}
	
	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)) unpickMenuItem();
		//alert('x: '+x+'\ny: '+y);
	}
		
	function menutominit(){
		
		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) + 22;
			moveDIVTo(eval('divMenuItem'+(i+1)+'DIV'),x,y)
			
			writeDIV('MenuItem'+(i+1)+'DIV',eval('theMenuItem'+(i+1)+'Content'));
		}
		
	}