// NIVEL 1 ***************************************************************************
$(document).ready(function(){
//Menú principal

	MenuPpal();
	
});

function MenuPpal(){

	var oLiAct;

	//Marca el elemento correspondiente con la página actual, si lo hay.
	var inicioRuta = location.pathname.substr(0, location.pathname.indexOf("/", 2) + 1);
	if(inicioRuta != "")
		//oLiAct = $("#menu_ppal_horizontal>ul>li").children("a[href^=" + inicioRuta + "]").parent();
		
		switch(inicioRuta){
			case "/servicios/":
				if(IdTipoServicio == 5 || IdTipoServicio == 1 || IdTipoServicio == 8){
						oLiAct = $("#menu_ppal_horizontal>ul>li").eq(0);
				}else{
					if(IdTipoServicio == 1000 || IdTipoServicio == 2){
						oLiAct = $("#menu_ppal_horizontal>ul>li").eq(1);
					}
				}
				break;
			case "/utilidades/":
				oLiAct = $("#menu_ppal_horizontal>ul>li").eq(2);
				break;
			case "/tienda/":
				oLiAct = $("#menu_ppal_horizontal>ul>li").eq(3);
				break;
			case "/contacto/":
				oLiAct = $("#menu_ppal_horizontal>ul>li").eq(4);
				break;
			case "/corporativa/":
				oLiAct = $("#menu_ppal_horizontal>ul>li").eq(5);
				break;
			case "/formularios/":
				oLiAct = $("#menu_ppal_horizontal>ul>li").eq(6);
				break;
			case "/zona_usuario/":
				oLiAct = $("#menu_ppal_horizontal>ul>li").eq(7);
				break;
		}

	$(oLiAct).addClass("seleccionado");
}

function MostrarMenuServicios(){

	if(IdTipoServicio == 5 || IdTipoServicio == 8 || IdTipoServicio == 1){
		oLiAct = $("#menu_servicios>#bbdd>a");
	}else{
		oLiAct = $("#menu_servicios>#id_servicio_" + IdTipoServicio + ">a");
	}

	$(oLiAct).attr("class", "seleccionado");

	AnimarMenuHorizontal("menu_servicios");
	
	switch(IdTipoServicio){
		case 5:
			MostrarMenuRombos('menu_bbdd', 0);
			break;
		case 8:
			MostrarMenuRombos('menu_bbdd', 1);
			break;
		case 1:
			MostrarMenuRombos('menu_bbdd', 2);
			break;
	}

}

function MostrarMenuZonaUsuario(){

	oLiAct = $("#menu_zona_usuario>#id_apartado_" + IdApartado + ">a");
	$(oLiAct).attr("class", "seleccionado");

	AnimarMenuHorizontal("menu_zona_usuario");
	
}

function MostrarMenuTienda(){

	oLiAct = $("#menu_tienda>#id_tienda_" + IdTienda + ">a");
	$(oLiAct).attr("class", "seleccionado");

	AnimarMenuHorizontal("menu_tienda");

}

function MostrarMenuUtilidades(){

	oLiAct = $("#menu_utilidades>#id_utilidad_" + IdUtilidad + ">a");
	$(oLiAct).attr("class", "seleccionado");

	AnimarMenuHorizontal("menu_utilidades");

}

function AnimarMenuHorizontal(IdElemento){

	var obj = $("#" + IdElemento)

	var ancho_final = $(obj).width();
	var alto_final = $(obj).height();

	$(obj).width(0);
	$(obj).height(alto_final-2);
	
	$(obj).css({
		opacity:		0
	});
	//$(obj).animate({opacity: 0}, 300);
	$(obj).animate({
		width:		ancho_final,
		height:		alto_final,
		opacity:	1
	}, 300);
}
//************************************************************************************

// NIVEL 2 ***************************************************************************
//************************************************************************************

// NIVEL 3 ***************************************************************************
//************************************************************************************

// FUNCIONES DE APOYO ****************************************************************
function getAbsoluteElementPosition(element) {
  if (typeof element == "string")
    element = document.getElementById(element)
    
  if (!element) return { top:0,left:0 };
  
  var y = 0;
  var x = 0;
  while (element.offsetParent) {
    x += element.offsetLeft;
    y += element.offsetTop;
    element = element.offsetParent;
  }
  return {top:y,left:x};
}

//************************************************************************************