/*@cc_on
(function(f){
	window.setTimeout = f(window.setTimeout);
	window.setInterval = f(window.setInterval);
})(function(f){
	return function(c,t){
		var a = Array.prototype.slice.call(arguments,2);
		if(typeof c != "function")
		c = new Function(c);
		return f(function(){
			c.apply(this, a)
		}, t)
	}
});
@*/
$(document).ready(function() {
	/*Menu - modificar valores de posición*/
	var TVImagenYSonido = 0;
	var informaticaYGaming = -1;
	var accesorios = 0;		
	var celulares = -1;
	var camaras = -1;
	var cocinaYHeladeras = -1;
	var aireYCalefaccion = -1;
	var aguaYLavado = -432;	
	var pequenos = -198;
	var motos = -944;

	$("#ul_1").css('left', TVImagenYSonido+'px');
	$("#ul_2").css('left', informaticaYGaming+'px');
	$("#ul_3").css('left', accesorios+'px');	
	$("#ul_4").css('left', celulares+'px');
	$("#ul_5").css('left', camaras+'px');
	$("#ul_6").css('left', cocinaYHeladeras+'px');
	$("#ul_7").css('left', aireYCalefaccion+'px');
	$("#ul_8").css('left', aguaYLavado+'px');
	$("#ul_9").css('left', pequenos+'px');
	$("#ul_10").css('left', motos+'px');	
	/*Menu*/
	
	var menuOn = 0;//flag
	var controlHover = '';//timer
	var hoveredMenuId = '';//menu actual
	var apuntadorWidth = 16;	

	$("#cont_menu span").each(function(){//calculo la posicion del apuntador
		var spanWidth = $(this).outerWidth(true);//outerWidth mide el ancho con el padding y margenes
		var margen = (spanWidth / 2) - (apuntadorWidth / 2);
		var id = $(this).attr("id"); id = id.split("_"); id = id[1];//tomo el id del "ul" para referenciar al apuntador

		$("#apuntador_"+id).css('left', margen+'px');
	});	
	
	$("#cont_menu ul").each(function(){//calculo la posicion del menu
		var cantElementos = $(this).find("li").size();//cantidad de "li" en cada "ul"
		var ulWidth = 0;
		var spanWidth = $(this).parent().find("span").outerWidth(true);//outerWidth mide el ancho con el padding y margenes
		var ulLeft = 0;
		var offsetIncrement = 6;
		if($.browser.msie) offsetIncrement = 1; 

        if(cantElementos <= 5){ ulWidth = 255; }else if(cantElementos > 5 && cantElementos <= 10 ){ ulWidth = 511; }else if(cantElementos > 10 && cantElementos <= 15){ ulWidth = 765; }else{ ulWidth = 1020; }//medidas standard
		ulLeft = (ulWidth / 2 + offsetIncrement) - (spanWidth / 2);//centrado del menu
		//$(this).css({'width' : ulWidth+'px', 'left' : '-'+ulLeft+'px'});
		$(this).css('width', ulWidth+'px');
	});
	
	$("#cont_menu ul li").live('click', function(){//hago que el "li" redirija como un boton
		var itemUrl = $(this).find("a").attr("href");
		window.location = itemUrl;
	});
	
	$("#cont_menu span").live({//cuando entro al span
        mouseenter:
			function(){
				var id = $(this).attr("id"); id = id.split("_"); id = id[1];//tomo el id del span para armar el del "ul"
				if(hoveredMenuId != '' && hoveredMenuId != id) ocultarMenu(hoveredMenuId);//si hoveredMenuId esta seteado (excepto primera vez) oculto el menu anteriormente seteado y lo cambio por este nuevo
				hoveredMenuId = id;
				if($.browser.msie){
					$("#apuntador_"+id).show();
				}else{
					$("#apuntador_"+id).fadeIn("fast");
				}				
				$("#ul_"+id).fadeIn();
				/*$("#cont_menu span").removeClass('MenuActivo')
				$(this).addClass('MenuActivo'); */  
			},
        mouseleave:
			function(){//cuando saco el mouse seteo un timer que chequea un flag para saber si debo ocultar el menu o no
				controlHover = window.setTimeout(ocultarMenu, 600, hoveredMenuId);
			}
	});	
	
	$("#cont_menu ul").live({//cuando entro al menu seteo un flag para que la funcion timer no me oculte el menu y la cancelo
        mouseenter:
			function(){
				menuOn = 1;
				clearTimeout(controlHover);
			},
        mouseleave:
			function(){//cuando me voy oculto el menu directamente y reseteo el flag
				menuOn = 0;
				var id = $(this).attr("id"); id = id.split("_"); id = id[1];
				ocultarMenu(id);
			}
	});	
	
	$(".menu_item").live({//cuando entro al menu seteo un flag para que la funcion timer no me oculte el menu y la cancelo
        mouseenter:
			function(){
				$(this).addClass("MenuActivo");
			},
        mouseleave:
			function(){
				$(this).removeClass("MenuActivo");
			}
	});

	function ocultarMenu(id){//funcion que oculta el menu a partir de su id
		if(menuOn != 1){
			var ulHeight = $("#ul_"+id).outerHeight(true);
			menuOn = 0;
			if($.browser.msie){
				$("#apuntador_"+id).hide();
			}else{
				$("#apuntador_"+id).fadeOut();
			}						
			$("#ul_"+id).fadeOut();			
		}
	}
});