function Browser(){
  this.dom = document.getElementById?1:0;
  this.ie4 = (document.all && !this.dom)?1:0;
  this.ns4 = (document.layers && !this.dom)?1:0;
  this.ns6 = (this.dom && !document.all)?1:0;
  this.ie5 = (this.dom && document.all)?1:0;
  this.ok = this.dom || this.ie4 || this.ie5;
  this.platform = navigator.platform;
}
var browser = new Browser();
	
var ItemSel = ""
var idTimeout = 0
var lnkEliminadoPrevio = ""

arrayLnkInicial = new Array('lnkMiSpacio','lnkMusica','lnkSonido','lnkGraficos','lnkVideos','lnkJuegos')
arrayMenusInicial = new Array('menuMusica','menuSonido','menuGraficos','menuVideos','menuJuegos')
arrayLnkPrevio = new Array('','lnkSonido','lnkGraficos','lnkVideos','lnkJuegos') //elemento previo

arrayImg = new Array("btnBuscarOn.gif", "bullet11.gif", "bullet12.gif", "bullet13.gif", "bullet14.gif", "btnEnviarMiEmailOn.gif", "btnValorarOn.gif");
for(var i=0;i<arrayImg.length;i++){
	img = new Image
	img.src = "club_terra/images/" + arrayImg[i]
}

startMenu = function() {	
	
	if (document.getElementById) {				
		for (i=0;i<arrayLnkInicial.length;i++) {
			lnk = document.getElementById(arrayLnkInicial[i])					
			
			lnk.onmouseover=function() {
				clearTimeout(idTimeout)
				efectoMenu(this.id)
			}											
			
			lnk.onmouseout=function() {						
				if(ItemSel!=this.id)		
					idTimeout = setTimeout("efectoMenu('" + idItemMarcado + "')", 150)
					//document.getElementById(this.id).className="noOver"
			}	
			
			menu = document.getElementById(arrayMenusInicial[i])					
			
			menu.onmouseover=function() {
				clearTimeout(idTimeout)
			}											
			
			menu.onmouseout=function() {
				clearTimeout(idTimeout)
				if(ItemSel!=this.id)					
					idTimeout = setTimeout("efectoMenu('" + idItemMarcado + "')", 150)
			}	
			
		}
		
		document.getElementById("menPrincipal").onmouseover=function() {
			clearTimeout(idTimeout)
		}
		
		document.getElementById("menPrincipal").onmouseout=function() {	
			clearTimeout(idTimeout)
			if(idItemMarcado!="")
				idTimeout = setTimeout("efectoMenu('" + idItemMarcado + "')", 150)
		}	
		
		if(idItemMarcado!=""){
			if(idLnkMarcado!=""){				
				lista = document.getElementById("menu" + idItemMarcado.substring(3)).getElementsByTagName("li")
				for(var i=0;i<lista.length;i++){
					if(i==idLnkMarcado){
						if((i + 1) >= lista.length){
							lista[i].className = "subItemSelNoBullet"
						}else
							lista[i].className = "subItemSel"
						break;						
					}
				}
			}
			efectoMenu(idItemMarcado)											
		}
		
		arrayBtns = new Array("flecha1", "movil1", "altavoz1", "altavoz2");	
		arrayEstilosOn = new Array("club_terra/images/bullet11.gif", "club_terra/images/bullet12.gif", "club_terra/images/bullet13.gif", "club_terra/images/bullet14.gif");	
		arrayEstilosOff = new Array("club_terra/images/bullet2.gif", "club_terra/images/bullet3.gif", "club_terra/images/bullet5.gif", "club_terra/images/bullet8.gif");
									
		for(var j=0;j<arrayBtns.length;j++){							
			itemsFlecha = document.getElementsByName(arrayBtns[j]);						
			for(var i=0;i<itemsFlecha.length;i++){
				
				itemsFlecha[i].classNameOn = arrayEstilosOn[j];
				itemsFlecha[i].classNameOff = arrayEstilosOff[j];				
				
				if (itemsFlecha[i].addEventListener) {						
					itemsFlecha[i].addEventListener ("mouseover",function () {	
						this.src = this.classNameOn
					},false);
					itemsFlecha[i].addEventListener ("mouseout",function () {
						this.src = this.classNameOff
					},false);
				} else if (itemsFlecha[i].attachEvent) {												
					itemsFlecha[i].attachEvent ("onmouseover",function () {	
						var my_image = window.event.srcElement 
						my_image.src = my_image.classNameOn											
					});
					itemsFlecha[i].attachEvent ("onmouseout",function () {
						var my_image = window.event.srcElement 
						my_image.src = my_image.classNameOff
					});
				} else {
					itemsFlecha[i].onmouseover = function () {
						this.src = itemsFlecha[i].classNameOn
					};
					itemsFlecha[i].onmouseout = function () {
						this.src = temsFlecha[i].classNameOff
					};
				} 							
			}
		}
/*		
		arrayBtns = new Array("btnBuscar", "btnRegistrate", "btnEnviarGratis", "btnEnviarMiMovil", "btnBuscarNombre", "btnValorar");	
		arrayEstilosOn = new Array("btnBuscarOn", "btnBuscarOn", "btnEnviarOn", "btnEnviarMiMovilOn", "btnBuscarOn2 left", "btnValorarOn");	
		arrayEstilosOff = new Array("btnBuscarOff", "btnBuscarOff", "btnEnviarOff", "btnEnviarMiMovilOff", "btnBuscarOff2 left", "btnValorarOff");	
		
		for(var i=0;i<arrayBtns.length;i++)
		{					
		
			btnBuscar = document.getElementById(arrayBtns[i]);		
			
			if(isObject(btnBuscar)){			
			
				btnBuscar.classNameOn = arrayEstilosOn[i];
				btnBuscar.classNameOff = arrayEstilosOff[i];
				
				if (btnBuscar.addEventListener) {					
					btnBuscar.addEventListener ("mouseover",function () {		  
						this.className = this.classNameOn
					},false);
					btnBuscar.addEventListener ("mouseout",function () {
						this.className = this.classNameOff
					},false);
				} else if (btnBuscar.attachEvent) {											
					btnBuscar.attachEvent ("onmouseover",function () {	
						var btn = window.event.srcElement 
						btn.className = btn.classNameOn; 					
					});
					btnBuscar.attachEvent ("onmouseout",function () {
						var btn = window.event.srcElement 
						btn.className = btn.classNameOff; 	
					});
				} else {
					btnBuscar.onmouseover = function () {
						this.className =  this.classNameOn
					};
					btnBuscar.onmouseout = function () {
						this.className = this.classNameOff
					};
				} 
			}
		}
		
		*/																					
	}
}

function efectoMenu(id){
	var menuSuperior = document.getElementById("menPrincipal")
	var strItem = id			
	
	menuSuperior.style.cursor="hand"									
	
	if(browser.ie5){	
		if(ItemSel!=id){			
			fade(id, ItemSel, strItem)
			ItemSel = id					
		}
	}else{						
		if(ItemSel!=id && ItemSel!=""){
			if("lnkMiSpacio"!=ItemSel)
				document.getElementById(ItemSel).className="noVisTab"
			document.getElementById(ItemSel.substring(3)).className="noOver"	
			document.getElementById("menu" + ItemSel.substring(3)).className="noVis"
			if(lnkEliminadoPrevio!="")
				document.getElementById(lnkEliminadoPrevio).className="menNivel1"
		}
		
		for (i=0;i<arrayLnkInicial.length;i++) {
			if(arrayLnkInicial[i]==strItem){
				if(arrayLnkPrevio[i]!=""){
					lnkEliminadoPrevio = arrayLnkPrevio[i];				
					document.getElementById(lnkEliminadoPrevio).className="noBullet"
				}else
					lnkEliminadoPrevio = ""
				break;
			}
		}
		
		document.getElementById(strItem.substring(3)).className="over"
		document.getElementById("menu" + strItem.substring(3)).className="vis"	
		if("lnkMiSpacio"!=strItem)
			document.getElementById(strItem).className="visTab"							
		
		ItemSel = id	
	}
}

function fade(id, idSel, strId){		

	var menuSuperior = document.getElementById("menPrincipal")		
	
	menuSuperior.style.filter="blendTrans(duration=0.50)";	
	menuSuperior.filters.blendTrans.apply();		
	if(idSel!=id && idSel!=""){
		if("lnkMiSpacio"!=idSel)
			document.getElementById(idSel).className="noVisTab"
		document.getElementById(idSel.substring(3)).className="noOver"	
		document.getElementById("menu" + idSel.substring(3)).className="noVis"
		if(lnkEliminadoPrevio!="")
			document.getElementById(lnkEliminadoPrevio).className="menNivel1"
	}
	
	for (i=0;i<arrayLnkInicial.length;i++) {
		if(arrayLnkInicial[i]==strId){
			if(arrayLnkPrevio[i]!=""){
				lnkEliminadoPrevio = arrayLnkPrevio[i];				
				document.getElementById(lnkEliminadoPrevio).className="noBullet"
			}else
				lnkEliminadoPrevio = ""
			break;
		}
	}
	
	document.getElementById(strId.substring(3)).className="over"
	document.getElementById("menu" + strId.substring(3)).className="vis"			
	
	if("lnkMiSpacio"!=strId)
		document.getElementById(strId).className="visTab"							
	menuSuperior.filters.blendTrans.play();
}	

function mostrar(nameDiv, valor){

	capa = new div(nameDiv, "")
	capa.display(valor)
}

function valida_login()
{
	if (document.registro.phone.value=="") { alert('Debe introducir su número de móvil y clave'); }
	else 
	{
		if (document.registro.password.value=="") { alert ('Debe introducir su clave'); }
		else { document.registro.submit(); }
	}
}

function valida_registro()
{
	if (document.form_registro.phone.value=="") { alert('Debe introducir su número de móvil'); }
	else 
	{
		if (document.form_registro.operator.value=="") { alert('Debe introducir su operadora'); }
		else { document.form_registro.submit(); }
	}
}

function valida_suscripcion()
{
	if (document.getElementById('txtPin').value=="") { alert('Debe introducir el código PIN de seguridad que has recibido en tu teléfono'); }
	else { document.form_suscripcion.submit(); }
}
