$(document).ready(function(){
						   
	 var pathImg = "library/css/img/";
						 						 
	/*
	*Eventos
	*/
	$('#menu_categoriasClientes li')
		
		.addClass("categoriaClientes_out .texto")
		.css({'cursor':'pointer'})
		.data("activo",false)
		
		.mouseover(function(event){
			if ($(this).data("activo") == false){
				
				$(this).removeClass('categoriaClientes_out .texto').addClass('categoriaClientes_over .texto');
				$(this).css({'background-color':'#fcffe0'})
				
				var idCli= $(this).attr("id");
				var numCategCli = idCli.substring(11);
				$(this).find("img").attr("src", pathImg+"activoCli_"+numCategCli+".gif")
				
			}
			
			if($(this).find("img").attr("class")=="primero"){
				$(this).find("img").attr("src", pathImg+"activo_0.gif")	
			}

			
		})
		
		.mouseout(function(event){
			if ($(this).data("activo") == false){
				
				$(this).removeClass('categoriaClientes_over .texto').addClass('categoriaClientes_out .texto');
				$(this).css({'background-color':'#ffffff'})
				$(this).find("img").attr("src", pathImg+"inactivo.gif")
			
			}
		})
		
		.click(function(event){
			$(this).blur();
			var idMenuCategCli = $(this).attr("id"); //extraemos valor id
			var numMenuCategCli = idMenuCategCli.substring(11);

			estadoCateg(numMenuCategCli);
		})
		
		
	/*
	Estado menu categoria
	*/	
	function estadoCateg(numCateg){
		$('#menu_categoriasClientes li').siblings()
			.removeClass('categoriaClientes_act .texto').addClass('categoriaClientes_out .texto')
			.css({'cursor':'pointer'})
			.data("activo",false)
			.find("img").attr("src", pathImg+"inactivo.gif")
			
		$('#catClientes'+numCateg).css({'cursor':'default'});
		$('#catClientes'+numCateg).addClass('categoriaClientes_act .texto')
		$('#catClientes'+numCateg).css({'background-color':'#ffffff'})
		
		if($('#catClientes'+numCateg).find("img").attr("class")=="primero"){
			$('#catClientes'+numCateg).find("img").attr("src", pathImg+"activo_0.gif")	
		}else{
			$('#catClientes'+numCateg).find("img").attr("src", pathImg+"activoCli_"+numCateg+".gif")
		}
		
		$('#catClientes'+numCateg).data("activo",true); 
	}



	/*
	*Default
	*/
	$('#menu_categoriasClientes li').find("img").attr("src", pathImg+"inactivo.gif")	
		
	$('#menu_categoriasClientes li:first-child')
		.css({'cursor':'default'})
		.addClass('categoriaClientes_act .texto')
		.data("activo",true)
		.find("img").attr("src", pathImg+"activo_0.gif")

});