// JavaScript Document
var posicion_menu;
var actual = "";

$("document").ready( function () {	
	inicializar_menu();
});

function inicializar_menu() {
	// Quitar efectos 'sin javascript'
	$("#menu li.seleccionado").removeClass("seleccionado").addClass("seleccionado_j");
	
	$("#menu li").hover( function () {
		$(this).css({"border-color": "transparent"}).children("a").css({"background": "transparent"});
	});
	
	$("#menu li a").css({"border": "1px solid transparent"});
	
	$("#menu li a").hover (function () {
		$(this).css({ "color": "#777777"});
	});
	
	// Crear elementos con color (seleccionados)
	$.each($("#menu li"), function (i, val) {
		var aux = $(val).attr("id");
		aux = aux.substr(2);
		//aux = 'url(http://temporal.industri-sl.com/imagenes/' + aux + '-off.png)';
		aux = 'url(http://industri-sl.com/imagenes/' + aux + '-off.png)';
		//var aux = $(val).css("background-image");
		
		$(this).css({"background": aux + " no-repeat scroll center top"});
		
		aux = aux.replace("-off.png", "-on.png");
		$(val).append("<span style='display: block; position: absolute; top: 0; left: 0; z-index: 2; color: #666; width: 8.1em; height: 1.8em; padding-top: 6em; border-left: 1px solid transparent; border-right: 1px solid transparent; text-align: center; background: " + aux + " no-repeat scroll center top'></span>");
		$(val).children("span").fadeTo(0, 0);
		$(this).children("span").click( function () {
			document.location = 'http://' + location.hostname + '/' + $(this).prev("a").attr("href");
		});
	});
	
	
	if ($("#menu li.seleccionado_j").length == 1) {
		$("#menu_fondo").css({"display": "block"});
		posicion_menu = $("#menu").position().left;
		
		$("#menu li").mouseover( function (e) {
			if (actual != this) {
				$("#menu > li > span").stop().fadeTo("fast", 0);
				$("#menu > li > a").css({"color": "#777777"});
				actual = this;
				
				//$("#prueba").text($(this).position().left + posicion_menu);
				var posicion = $(this).position().left + posicion_menu;
				
				$("#menu_fondo").stop().animate({left: posicion}, 800, function () {
					$(actual).children("span").fadeTo("normal", 1);
					setTimeout('$(actual).children("a").css({"color": "#C10"})', 200);
				});
			}
		});
		
		$("#menu").mouseleave(recolocar);
		recolocar();
	}
}

function recolocar () {
	//$("#prueba").text($(this).position().left + posicion_menu);
	$("#menu > li > span").stop().fadeTo("fast", 0);
	$("#menu > li > a").css({"color": "#777777"});
	actual = $("#menu li.seleccionado_j");
	var posicion = $(actual).position().left + posicion_menu;
	$("#menu_fondo").stop().animate({left: posicion}, 800, function () {
		$(actual).children("span").fadeTo("normal", 1);
		setTimeout('$(actual).children("a").css({"color": "#C10"})', 200);
	});
}