$(document).ready(function(){
						   
	var pathImg = "library/css/img/";
						   
	$('#menu li a')
	    
		//.addClass("menuOut")
		.css({'color': '#5f5f5f','font-style': 'normal'})
		.data("seleccionado",false)
		
		.mouseover(function(event){
			
			if ($(this).data("seleccionado") == false){
				$(this).css({backgroundPosition: "50% 0px"})
				$(this).css({'color': '#FFFFFF','font-style': 'italic','line-height': '30px'});
				//$(this).removeClass('menuOut').addClass('menuOver');
				
				//var idMenu = $(this).parent().attr("id"); /*extraemos valor id*/
				//puntos(idMenu);
			}

		})
		
		.mouseout(function(event){
			if ($(this).data("seleccionado") == false){
				$(this).css({backgroundPosition: "50% -39px"})
				$(this).css({'color': '#5f5f5f','font-style': 'normal'});
				//$(this).removeClass('menuOver').addClass('menuOut');
				
				//$('.punto').css({opacity: 100});
			}
			
		})
		

		.click(function(event){
			
			$(this).blur();
			
			if ($(this).data("seleccionado") == false){
				/*$('#menu li').siblings(".botonMenu").css('background','yellow');*/			
				boton = $(this);
				
				var idMenu = $(this).parent().attr("id"); //extraemos valor id
				var numMenu = idMenu.substring(5);
				
				//if(numMenu != parseInt(seccionLink)){ ------------------------Tempo para link externo
					
					//puntos(idMenu);
					
					estadoMenu(numMenu);
					secciones(numMenu);
				//}
			}
			
			return false;  //para que el href no actue pero tengamos SEO
			
		});
				
	/*
	*Estado menu
	*/
	function estadoMenu(numMenu){

		$('#menu li').siblings().find("a")
			.css({backgroundPosition: "50% -39px"})
			//.removeClass('menuOver').addClass('menuOut')
			.css({'color': '#5f5f5f','font-style': 'normal'})
			.css({'cursor':'pointer'})
			.data("seleccionado",false)
		
		$('#boton'+numMenu+' a').css({backgroundPosition: "50% 0px"})
		$('#boton'+numMenu+' a').css({'color': '#FFFFFF','font-style': 'italic','line-height': '30px'});
		$('#boton'+numMenu+' a').data("seleccionado",true); 
		//$('#boton'+numMenu+' a').removeClass('menuOut').addClass('menuOver');
		$('#boton'+numMenu+' a').css({'cursor':'default'});
		
	}
	
	
	/*
	*resetClients
	*/
	function resetClients(){
		$('#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")
			
		$('#catClientes0').css({'cursor':'default'});
		$('#catClientes0').addClass('categoriaClientes_act .texto')
		$('#catClientes0').css({'background-color':'#ffffff'})
		$('#catClientes0').find("img").attr("src", pathImg+"activo.gif")
		$('#catClientes0').data("activo",true);
		
		clientesAll(true);
	}
	

	/*
	*Secciones
	*/
	//alert("altura: "+document.getElementById('content').offsetHeight);
	var seccionArray = new Array(0,800,1050,1100,670,1040,730,730);
	
	function secciones(numMenu){

		if(seccionAbierta == false){
			abrirSeccion(numMenu);
		}else{
			cerrarSeccion(numMenu);	
		}
	};
	
	function abrirSeccion(numMenu){
		
		seccionAbierta = true;
		var seccionAlto = seccionArray[numMenu-1];
		
		mostrarSeccion(numMenu);
		//$('#secciones').css({'display':''})
		$('#secciones').animate({height:seccionAlto},{queue:false, duration:1500, easing:'easeOutBack'});
		$('#secciones').animate({opacity:1},{queue:false, duration:1500, easing:'jswing'});
	}
	
	function cerrarSeccion(numMenu){
		
		seccionAbierta = false;
		
		$('#secciones').animate({height:0},{queue:false, duration:500, easing:'easeOutCirc', complete:function(){
				if(numMenu!=null) {	
					abrirSeccion(numMenu);
				}else{
					$('#secciones .seccion').siblings().css({'display': 'none'});
				}
				
		}});
		$('#secciones').animate({opacity:0},{queue:false, duration:500, easing:'jswing', complete:function(){
			resetClients();	
		}});
		
		
	}
	
	function mostrarSeccion(numMenu){
		$('#secciones .seccion').siblings()
			.css({'display': 'none'});
		$('#secciones #seccion'+numMenu)
			.css({'display': ''});
	}
	


	/*
	*Cerrar
	*/
	$('#secciones #cerrar, #secciones #clientes_cerrar, #secciones #reel_cerrar,  #secciones #estudio_cerrar') 
		.css({'cursor':'pointer'})
		.addClass("seccionesCerrar_out")
		
		.mouseover(function(event){	
			$(this).css({'background-position':'bottom'});
		})
		.mouseout(function(event){
			$(this).css({'background-position':'top'});
		})
		.click(function(event){
			cerrarSeccion(null);
			init();
	})
		

	
	/*
	*Reel imagen
	*/
	$('#reel_map, #reel_titular a')
	
		.data("seleccionado",false)
		
		.mouseover(function(){								 
			$('#reel_titular a').css({'background-color':'#fcffe0'})
			$('#reel_play').css({opacity: 1});
			//$('#reel_play').css({'display': 'none'});	
			//$('#reel_play').stop().animate({opacity:1},{queue:false, duration:300, easing:'jswing'});
		})
	
		.mouseout(function(){								 
			$('#reel_titular a').css({'background-color':'#fff'})
			//$('#reel_play').css({'display': ''});
			$('#reel_play').css({opacity: 0});
			//$('#reel_play').stop().animate({opacity:0},{queue:false, duration:300, easing:'jswing'});
		})
		
		.click(function(event){
			estadoMenu(8);
			secciones(8); //----------tempo: 6	
					
			return false; 
		})
	


	/*
	*Job
	*/
	$('.job a')
		.css({'color':'#494949'})
		.css({'text-decoration':'none'})
		
		.mouseover(function(event){
			$(this).css({'color':'#fff'});
		})
		.mouseout(function(event){			   
			$(this).css({'color':'#494949'});
		})
		.click(function(event){
			$.scrollTo('body', 500, {offset:0, onAfter:function(){
				estadoMenu(6);												
				secciones(6);
			}});
			return false;
		})
		
		

	/*
	*Puntos
	*/	
	function puntos(idMenu){
		//mostrar
		$('.punto').css({opacity: 100});
		//esconder
		var num = idMenu.substring(5,6);
		puntoDer = num;
		puntoIzq =  num-1;
		$('#punto'+puntoDer).css({opacity: 0});
		$('#punto'+puntoIzq).css({opacity: 0});
	}	



	/*
	*Init
	*/
	var seccionDefecto = 1;
	var seccionLink = 7;
	var seccionAbierta = false; 
	$('#secciones').css({'opacity': 0});
	$('#secciones .seccion').siblings()
	//$('#secciones ul li').siblings()
		.css({'display': 'none'});
	$('#seccion6').css({'display': ''}); //--parche para que aparezcan selects seccion contact
	
	function init() {
		
		//---menu
		$('#menu li').siblings().find("a")
			.css({backgroundPosition: "50% -39px"})
			//.removeClass('menuOver').addClass('menuOut')
			.css({'color': '#5f5f5f','font-style': 'normal'})
			.css({'cursor':'pointer'})
			.data("seleccionado",false)
		
		$('#menu li:first-child a')
			.css({backgroundPosition: "50% 0"})
			//.removeClass('menuOut').addClass('menuOver')
			.css({'color': '#FFFFFF','font-style': 'italic','line-height': '30px'})
			.css({'cursor':'default'})
			.data("seleccionado",true);
			
		//$('#menu li:last-child a').css('text-decoration','underline');  ------------------------ Tempo para link externo
		
		//--secciones
		//$('#secciones').css({'display': 'none'});	
						
		//$('#punto1').css({opacity: 0});
		//$('#reel_play').css({'visibility': 'visible'});
		//$('#reel_play').css({opacity: 0});
		
		//secciones(6); //--tempo
	}
	
	init();
	
});