Event.onDOMReady(function(){	
	crearCombo();
	if($("fondoBusqueda"))
	{
		$("fondoBusqueda").setStyle({width:$$(".busqueda")[0].getWidth()+"px",top:$$(".busqueda")[0].cumulativeOffset().top+"px"});
	}
});

Event.observe(window,"load",function(){
	$$(".header")[0].insert({top:new Element("div",{'class':'fondoMenu'})});
	$$(".header .fondoMenu")[0].setStyle({width:$$(".header>.menuTotal>.menu")[0].getWidth()+10+"px"});
	//$$(".header .fondoMenu")[0].setStyle({top:$$(".header>.menuTotal>.menu")[0].viewportOffset().top+"px"});
});

Event.onDOMReady(function(){
	$$(".header>.menuTotal>.menu li:not([class~=division])").invoke("observe","mouseover",function()
	{
		this.addClassName("activo");
	});
	$$(".header>.menuTotal>.menu li").invoke("observe","mouseout",function(item)
	{
		this.removeClassName("activo");
	});
});

Event.onDOMReady(function(){
	/*if($("nickname"))
	{
		$("nickname").observe("focus",function(){
			if($("nickname").value=="Usuario")
			{
				$("nickname").clear();
				$("nickname").setStyle({opacity:.9});
			}
		});
		$("nickname").observe("blur",function(){
			if($("nickname").value.isEmpty())
			{
				$("nickname").value="Usuario";
				$("nickname").setStyle({opacity:".4"});
			}
		});
	}
	if($("password"))
	{
		$("password").observe("focus",function(){
			$("password").setStyle({opacity:".9"});
			if($("password").value=="Contraseña")
			{
				$("password").clear();
				$("password").setStyle({opacity:".9"});
				$("password").type="password";
			}
		});
		$("password").observe("blur",function(){
			if($("password").value.isEmpty())
			{
				$("password").type="text";
				$("password").value="Contraseña";
				$("password").setStyle({opacity:".4"});
			}
		});
	}*/
});

Event.onDOMReady(function(){
	if($$(".threeLayer>.cen").length>0)
	{
		if($$(".threeLayer>.cen") && $$(".threeLayer>.cen")[0].hasClassName("cuadro"))
		{
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'esqSupIzq'}));
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'esqSupDer'}));
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'esqInfIzq'}));
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'esqInfDer'}));
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'sup'}));
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'inf'}));
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'izq'}));
			$$(".threeLayer>.cen")[0].insert(new Element("div",{'class':'der'}));
		}
	}
});

function mostrarCombo(selected)
{
	var combo=$(selected).up(".combo");
	combo=$(combo);
	if(combo.down(".menu").innerHTML.trim().stripTags().isEmpty())
	{
		return;
	}
	if(!combo.readAttribute("showed"))
	{
		combo.writeAttribute("showed","0");
	}
	if(combo.readAttribute("showed").isEmpty() || combo.readAttribute("showed")=="0")
	{
		$(combo).down(".contenedor").setStyle({display:"block"});
		$(combo).down(".menu").setStyle({display:"block"});
		var ultimoTamano=150;
		var lis=$(combo).down(".menu").down("ul").descendants();
		lis.each(function(item){
			if(item.getWidth()>ultimoTamano)
			{
				ultimoTamano=item.getWidth();
			}
		});
		//$(combo).down(".menu").down("ul").setStyle({width:ultimoTamano+"px"});
		$(combo).down(".menu").setStyle({width:ultimoTamano+"px"});
		combo.writeAttribute("show","1");
		combo.down(".contenedor").setStyle({height:combo.down(".menu").getHeight()+"px"});
		combo.down(".contenedor").setStyle({width:combo.down(".menu").getWidth()+"px"});
	}
	else
	{
		noMostrarMenuCombo(combo);
	}
}

function overCombo(menu,e)
{
	menu=$(menu);
	var element=Event.element(e);
	if(element.tagName.toLowerCase()!="li")
	{
		return;
	}
	element.addClassName("activo");
}

function outCombo(menu,e)
{
	menu=$(menu);
	var element=Event.element(e);
	if(element.tagName.toLowerCase()!="li")
	{
		return;
	}
	element.removeClassName("activo");
}

function selectCombo(menu,e)
{
	menu=$(menu);
	var combo=menu.up(".combo");
	var element=Event.element(e);
	if(element.tagName.toLowerCase()!="li")
	{
		return;
	}
	menu.up(".combo").down(".selected").down(".cen").update(element.innerHTML);
	menu.up(".combo").down("input").value=element.readAttribute("value");
	noMostrarMenuCombo(menu.up(".combo"));
	if(combo.readAttribute("change"))
	{
		eval(combo.readAttribute("change"));
	}
}

function noMostrarMenuCombo(combo)
{
	$(combo).down(".contenedor").setStyle({display:"none"});
	$(combo).down(".menu").setStyle({display:"none"});
	combo.writeAttribute("showed","0");
}

function crearCombo()
{
	var combos=$$(".combo");
	combos.each(function(combo){
		convertirCombo(combo);
	});
}

function convertirCombo(combo)
{
	if(combo.tagName.toLowerCase()!="div")
	{
		return;
	}
	var seleccion=combo.down(".selected").innerHTML;
	var nombreCombo=combo.readAttribute("name")?combo.readAttribute("name"):"";
	var idCombo=combo.readAttribute("idCombo")?combo.readAttribute("idCombo"):"";
	combo.insert(new Element("input",{type:'hidden',name:nombreCombo,id:idCombo,name:nombreCombo}));
	combo.down(".selected").update("");
	combo.down(".selected").insert(new Element("div",{'class':'izq'}));
	combo.down(".selected").insert(new Element("div",{'class':'cen'}).update(seleccion));
	combo.down(".selected").insert(new Element("div",{'class':'der'}));
	combo.down(".selected").observe("click",function(){
		mostrarCombo(this);
	});
	var menu=combo.down(".menu");
	menu.insert({before:new Element("div",{'class':'contenedor'})});
	menu.observe("mouseover",function(event)
	{
		overCombo(this,event);
	});
	menu.observe("mouseout",function(event)
	{
		outCombo(this,event);
	});
	menu.observe("click",function(event)
	{
		selectCombo(this,event);
	});
	
//		combo.down(".contenedor").insert(menu);
	combo.down(".contenedor").insert(new Element("div",{'class':"esqIzq"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"esqDer"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"esqIzqTop"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"esqDerTop"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"izq"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"der"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"down"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"downAfter"}));
	combo.down(".contenedor").insert(new Element("div",{'class':"top"}));
	Event.observe($$("body")[0],"click",function(e)
	{
		var element=Event.element(e);
		if(((element.hasClassName(".combo")&& element==combo) || ((element.up()&& element.up(".combo"))&& element.up(".combo"))==combo))
		{
			return;
		}
		noMostrarMenuCombo(combo);
	});
}

function crearGlobo(div)
{
	div=$(div);
	var text=div.innerHTML;
	div.update("");
	div.insert(new Element("div",{'class':'mensaje'}).update(text));
	div.insert(new Element("div",{'class':'flecha'}));
}

function avance()
{
	if(!$$(".busqueda")[0].getAttribute("showed"))
	{
		$$(".busqueda")[0].setAttribute("showed","0");
	}
	if($$(".busqueda")[0].readAttribute("showed").parseInt()==0)
	{
		$$(".busqueda")[0].down(".avance").show();
		$$(".busqueda")[0].down(".cen").setStyle({height:$$(".busqueda")[0].down(".cen").down("table").getHeight()});
		$$(".busqueda")[0].setStyle({height:$$(".busqueda")[0].down(".cen").getHeight()+"px"});
		$$("#fondoBusqueda,#fondoBusqueda >.izq,#fondoBusqueda>.der").invoke("setStyle",{height:$$(".busqueda")[0].down(".cen").getHeight()+"px"});
		$$(".busqueda")[0].setAttribute("showed","1");
		$("linkBR").update("Búsqueda rápida");
	}
	else
	{
		$$(".busqueda")[0].down(".avance").hide();
		$$(".busqueda")[0].setAttribute("showed","0");
		$$(".busqueda")[0].down(".cen").setStyle({height:$$(".busqueda")[0].down(".cen").down("table").getHeight()});
		$$(".busqueda")[0].setStyle({height:$$(".busqueda")[0].down(".cen").getHeight()+"px"});
		$$("#fondoBusqueda,#fondoBusqueda >.izq,#fondoBusqueda>.der").invoke("setStyle",{height:$$(".busqueda")[0].down(".cen").getHeight()+"px"});
		$("linkBR").update("Búsqueda avanzada");
	}
}

function popup(contenido,stilos)
{
	if(Prototype.Browser.Gecko && BrowserDetect.OS.toLowerCase()=="linux")
	{
		$$("object").invoke("setStyle",{visibility:'hidden'});
	}
	if(!$$("body")[0].down(".bg"))
	{
		$$("body")[0].insert(new Element("div",{'class':'bg'}).setStyle({width:getFullScreenSize().x+"px",height:getFullScreenSize().y+"px"}));
	}
	var popup=new Element("div",{'class':'popup'});
	popup.observe("keyup",function(e){
		var tecla=teclas(e);
		if(tecla==27)
		{
			cancelarPopUp(popup.down());
		}
	});
	popup.setStyle(stilos);
	$$("body")[0].insert(popup);
	popup.insert(new Element("div",{'class':'fondo'}));
	popup.down(".fondo").insert(new Element("div",{'class':'supIzq'}));
	popup.down(".fondo").insert(new Element("div",{'class':'supDer'}));
	popup.down(".fondo").insert(new Element("div",{'class':'infIzq'}));
	popup.down(".fondo").insert(new Element("div",{'class':'infDer'}));
	popup.down(".fondo").insert(new Element("div",{'class':'izq'}));
	popup.down(".fondo").insert(new Element("div",{'class':'der'}));
	popup.down(".fondo").insert(new Element("div",{'class':'sup1'}));
	popup.down(".fondo").insert(new Element("div",{'class':'sup2'}));
	popup.down(".fondo").insert(new Element("div",{'class':'inf1'}));
	popup.down(".fondo").insert(new Element("div",{'class':'inf2'}));
	popup.insert(new Element("div",{'class':'tache'}).observe("click",function(){
		cancelarPopUp(this)
	}));
	popup.insert(new Element("div",{'class':'contenido'}).update(contenido));
	var topest=document.viewport.getHeight()/2+document.viewport.getScrollOffsets().top-popup.getHeight()/2+50;
	topest=topest-50<=10?150:topest;
	popup.setStyle({top:topest+"px"});
	popup.setStyle({left:document.viewport.getWidth()/2-popup.getWidth()/2+"px"});
	calcularWidthPopup(popup.down(".sup1"),popup);
	calcularWidthPopup(popup.down(".sup2"),popup);
	calcularWidthPopup(popup.down(".inf1"),popup);
	calcularWidthPopup(popup.down(".inf2"),popup);
	return(popup);
}

function registro()
{
	var direccion="/php/codes/scripts.php?action=formuRegistro";
	var funcion=function(resp)
	{
		var p=popup(resp.responseText,{width:"450px",height:"450px"});
		p.insert(new Element("div",{'class':'mono'}));
		$$(".formuRegistro input[type='text'],.formuRegistro input[type='password']").each(function(item){
			cambiarCampoTexto(item);
		});
		$$(".formuRegistro")[0].down("form").focusFirstElement();
	}
	new Ajax.Request(direccion,{method:'get',onSuccess:funcion});
	
}


function contacto()
{
	var direccion="/php/codes/scripts.php?action=formuContacto";
	var funcion=function(resp)
	{
		var p=popup(resp.responseText,{width:"450px",height:"450px"});
		p.insert(new Element("div",{'class':'mono'}));
		$$(".formuRegistro input[type='text'],.formuRegistro input[type='password']").each(function(item){
			cambiarCampoTexto(item);
		});
		$$(".formuRegistro")[0].down("form").focusFirstElement();
		convertirCombo($$(".popup")[0].down("#tipoCliente"));
		convertirCombo($$(".popup")[0].down("#motivo"));
	}
	new Ajax.Request(direccion,{method:'get',onSuccess:funcion});
	
}

function contactar(boton)
{
	boton=$(boton);
	var formu=boton.up(".popup").down("form");
	if(!validarFormulario(formu))
	{
		return;
	}
	var direccion="/php/codes/scripts.php?action=enviarContacto";
	var parametros=formu.serialize();
	var funcion=function(resp)
	{
		$$("body")[0].down(".popup").remove();
		var contenido="";
		contenido="<div class='formuRegistro'><h3>Gracias por tu comentario</h3></div><div class='mGracias'><h1>Dentro de poco un ejecutivo se comunicará contigo</h1></div>";
		popup(contenido,{width:"450px",height:"190px"});
		return;
	}
	new Ajax.Request(direccion,{method:'get',parameters:parametros,onSuccess:funcion});
}

function calcularWidthPopup(div,popup)
{
	div.setStyle({marginLeft:"7px",width:popup.getWidth()-(popup.down(".supIzq").getWidth()+popup.down(".supDer").getWidth())+2+"px"});
}

function cambiarCampoTexto(campo)
{
	campo=$(campo);
	var contenedor=new Element("div",{'class':'contenedorCampo'})
	campo.up().insert(contenedor);
	contenedor.insert(new Element("div",{'class':'izq'}));
	contenedor.insert(new Element("div",{'class':'cen'}));
	contenedor.insert(new Element("div",{'class':'der'}));
	contenedor.down(".cen").insert({top:campo});
}

function aceptarTerminos(campo)
{
	if(campo.checked)
	{
		$$(".rRegistrar")[0].setOpacity(.9);
		$$(".rRegistrar")[0].setAttribute("reg","1")
		$$(".rRegistrar")[0].down("a").setStyle({cursor:'pointer'})
	}
	else
	{
		$$(".rRegistrar")[0].setAttribute("reg","0")
		$$(".rRegistrar")[0].setOpacity(.6);
		$$(".rRegistrar")[0].down("a").setStyle({cursor:'no-drop'})
	}
}

function cancelarPopUp(elemento)
{
	var elemento=$(elemento);
	var popup;
	if(elemento.hasClassName("popup"))
	{
		popup=elemento;
	}
	else
	{
		popup=elemento.up(".popup");
	}
	if(!popup)
	{
		return;
	}
	popup.remove();
	$$(".bg")[0].remove();
	if(Prototype.Browser.Gecko && BrowserDetect.OS.toLowerCase()=="linux")
	{
		$$("object").invoke("setStyle",{visibility:'visible'});
	}
}

function registrar(elemento)
{
	var elemento=$(elemento);
	var formu=elemento.up(".formuRegistro").down("form");
	if(!elemento.up(".formuRegistro").down(".rRegistrar").readAttribute("reg") || elemento.up(".formuRegistro").down(".rRegistrar").readAttribute("reg")=="0")
	{
		return;
	}
	if(!validarFormulario(formu))
	{
		return;
	}
	var direccion="/php/codes/scripts.php?action=insertRegistro";
	var parametros=formu.serialize();
	var funcion=function(resp)
	{
		var res=resp.responseText.trim();
		if(res.isInt())
		{
			$$("body")[0].down(".popup").remove();
			var contenido="";
			contenido="<div class='formuRegistro'><h3>Gracias por registrarte</h3></div><div class='mGracias'><h1 style=\"font-size:14px;font-weight:normal;text-align:justify;\">Hemos enviado tus datos de acceso al portal a la cuenta de correo que nos proporcionaste.<p></p>Es importante guardar tus datos de acceso y recordarlos siempre, ya que cada vez que realizes un pedido te los solicitaremos. Además el ingresar a tu cuenta, tienes la oportunidad de ver otras opciones que ofrece el portal.</h1></div>";
			popup(contenido,{width:"450px",height:"190px"});
			return;
		}
		if(res=="error")
		{
			$$(".formuRegistro")[0].down("input[name='nickname']").activate();
			cambiarFondo($$(".formuRegistro")[0].down("input[name='nickname']"),1,"#FFFF99");
			$("rLoading").hide();
			$("rOK").hide();
			$("rNOK").show();
		}
	}
	new Ajax.Request(direccion,{method:'get',parameters:parametros,onSuccess:funcion});
}

function comprobarUsuario(campo)
{
	if(campo.value.isEmpty())
	{
		return;
	}
	var direccion="/php/codes/scripts.php?action=comprobarUsuario";
	var parametros="usuario="+campo.value;
	var funcion=function(resp)
	{
		var res=resp.responseText.trim();
		if(res=="ok")
		{
			$("rLoading").hide();
			$("rOK").show();
			$("rNOK").hide();
			return;
		}
		$("rLoading").hide();
		$("rOK").hide();
		$("rNOK").show();
	}
	new Ajax.Request(direccion,{method:'get',parameters:parametros,onSuccess:funcion});
}

function olvidar()
{
	var mensaje="";
	mensaje+="<div class=\"regError\" id=\"regError\" style=\"display:none\" >El correo electrónico no está registrado</div>";
	mensaje+="<div class=\"frase\">Para recuperar tu contraseña es necesario que escribas el correo electrónico con el que te registraste:</div>";
	mensaje+="<div class=\"division\"></div>";
	mensaje+="<div class=\"divCampo\"><table><tr><th>Correo:</th><td class=\"regTdCampo\"><input type=\"text\" id=\"recEmail\" /></td><td><img src=\"/images/loading.gif\" style=\"display:none\" id=\"regLoading\" /></td></tr></table></div>";
	mensaje+="<div class=\"recCancelar\"><a href=\"javascript:void(0);\"><img src=\"/images/interfase/b_cancelarVerde.png\" onclick=\"cancelarPopUp(this);\" /></a></div>";
	mensaje+="<div class=\"recEnviar\"><a onclick=\"regEnviar(this);\" href=\"javascript:void(0);\"><img src=\"/images/interfase/b_enviar.png\" /></a></div>";
	popup(mensaje,{width:"315px",height:"123px"});
	cambiarCampoTexto("recEmail");
	$("recEmail").activate();
}

function regEnviar(elemento)
{
	elemento=$(elemento);
	$("regLoading").show();
	var direccion="/php/codes/scripts.php?action=olvidarPassword";
	var parametros="correo="+$F("recEmail");
	var funcion=function(resp)
	{
		$("regLoading").hide();
		var res=resp.responseText.trim();
		if(res=="ok")
		{
			cancelarPopUp(elemento);
			var mensaje="<div class=\"fraseListo\">Listo</div>";
			mensaje+="<div class=\"division\"></div>";
			mensaje+="<div class=\"frase\">La contraseña fue enviada a tu correo electrónico</div>";
			popup(mensaje,{width:"315px",height:"100px"});
			return;
		}
		else
		{
			$("regError").show();
		}
		return;
	}
	new Ajax.Request(direccion,{method:'get',parameters:parametros,onSuccess:funcion});
}

function invitar()
{
	var direccion="/php/codes/scripts.php?action=invitar";
	var funcion=function(resp)
	{
		var mensaje=resp.responseText;
		popup(mensaje,{width:"455px",height:"150px"});
		cambiarCampoTexto("recEmail");
		$("recEmail").activate();
	}
	new Ajax.Request(direccion,{onSuccess:funcion});
}

function login()
{
	var direccion="/php/codes/scripts.php?action=login";
	var parametros="";
}

function actualizarCarrito()
{
	var direccion="/php/codes/scripts.php?action=actualizarCarrito";
	new Ajax.Updater("saldoActualUsuario",direccion);
}

function mostrarBusqueda()
{
	$("trFilaBusqueda").show();
	$("trFilaBusqueda").hide();
}

function enviarInvitacion(boton)
{
	var formu=$(boton).up(".invitar").down("form");
	if(!validarFormulario(formu))
	{
		return;
	}
	var direccion="/php/codes/scripts.php?action=enviarInvitacion";
	var parametros=formu.serialize();
	var funcion=function(resp)
	{
		cancelarPopUp(boton);
		var mensaje="<div class=\"fraseListo\">Gracias</div>";
		mensaje+="<div class=\"division\"></div>";
		mensaje+="<div class=\"frase\">Hemos enviado la invitacióna la dirección de correo electrónico</div>";
		popup(mensaje,{width:"315px",height:"100px"});
		return;
	}
	new Ajax.Request(direccion,{method:'get',parameters:parametros,onSuccess:funcion});
}