usr_close_enabled = true;
psw_close_enable = true;

//http://gsgd.co.uk/sandbox/jquery/easing/ (EFECTOS)
$(document).ready(function(){

	//Higiene menu1, menu1_1
	//When mouse rolls over
	$(".menu1").mouseover(function(){
		$(".menu1_1").css({'z-index':'110'});
		$(".menu1_1").stop().animate({height:'100px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul1").css({'color':'#FFF'});

	});
	//When mouse is removed
	$(".menu1").mouseout(function(){
		$(".menu1_1").css({'z-index':'100'});
		$(".menu1_1").stop().animate({height:'0px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul1").css({'color':'#999'});
	});
	//FI Higiene menu1, menu1_1
	//----------------------
	//Tratamiento menu2, menu2_1
	//When mouse rolls over
	$(".menu2").mouseover(function(){
		$(".menu2_1").css({'z-index':'110'});
		$(".menu2_1").stop().animate({height:'215px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})//220
		$(".titul2").css({'color':'#FFF'});

	});
	//When mouse is removed
	$(".menu2").mouseout(function(){
		$(".menu2_1").css({'z-index':'100'});
		$(".menu2_1").stop().animate({height:'0px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul2").css({'color':'#999'});
	});
	//FI Higiene menu2, menu2_1
	//----------------------
	//Cuerpo menu3, menu3_1
	//When mouse rolls over
	$(".menu3").mouseover(function(){
		$(".menu3_1").css({'z-index':'110'});
		$(".menu3_1").stop().animate({height:'33px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul3").css({'color':'#FFF'});

	});
	//When mouse is removed
	$(".menu3").mouseout(function(){
		$(".menu3_1").css({'z-index':'100'});
		$(".menu3_1").stop().animate({height:'0px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul3").css({'color':'#999'});
	});
	//FI Cuerpo menu3, menu3_1
	//----------------------
	//CORPORALES menu4, menu4_1
	//When mouse rolls over
	$(".menu4").mouseover(function(){
		$(".menu4_1").css({'z-index':'110'});
		$(".menu4_1").stop().animate({height:'100px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul4").css({'color':'#FFF'});

	});
	//When mouse is removed
	$(".menu4").mouseout(function(){
		$(".menu4_1").css({'z-index':'100'});
		$(".menu4_1").stop().animate({height:'0px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul4").css({'color':'#999'});
	});
	//FI CORPORALES menu4, menu4_1
	//----------------------
	//MAQUILLAJE menu5, menu5_1
	//When mouse rolls over
	$(".menu5").mouseover(function(){
		$(".menu5_1").css({'z-index':'110'});
		$(".menu5_1").stop().animate({height:'258px', width:'210px'},{queue:false, duration:250, easing: 'easeInQuad'})
		$(".titul5").css({'color':'#FFF'});

	});
	//When mouse is removed
	$(".menu5").mouseout(function(){
		$(".menu5_1").css({'z-index':'100'});
		$(".menu5_1").stop().animate({height:'0px', width:'210px'},{queue:false, duration:250, easing: 'easeInQuad'})
		$(".titul5").css({'color':'#999'});
	});
	//FI MAQUILLAJE menu5, menu5_1
	//----------------------
	//UNIVERSO SENSILS menu6, menu6_1
	//When mouse rolls over
	$(".menu6").mouseover(function(){
		$(".menu6_1").css({'z-index':'110'});
		$(".menu6_1").stop().animate({height:'350px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul6").css({'color':'#FFF'});
	});
	//When mouse is removed
	$(".menu6").mouseout(function(){
		$(".menu6_1").css({'z-index':'100'});
		$(".menu6_1").stop().animate({height:'0px', width:'210px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".titul6").css({'color':'#999'});
	});
	//FI UNIVERSO SENSILS menu6, menu6_1
	//----------------------
	//----------------------
	//----------------------
	//ACCESO FARMACEUTICOS
	
	//When mouse rolls over
	$(".farma").mouseover(function(){
		$(".farma1").stop().animate({height:'85px', width:'150px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".farmaT").css({'color':'#FFF'});
	});

	//When mouse is removed
	$(".farma").mouseout(function(){
		close_login();
	});

	//----------------------
	//----------------------
	//----------------------
	//MOSTRAR OCULTAR CAPA VIDEO
	$(".cerrar").mouseover(function(){
		$(".tanca" ).css({'border':'2px solid #FFF'});
	});
	$(".cerrar").mouseout(function(){
		$(".tanca" ).css({'border':'2px solid #999'});
	});
		$(".cerrar").click(function(){
		$("#slide li" ).css({'visibility':'visible'});//muestra slide
		$(".videohome").stop().animate({height:'385px', width:'0px'},{queue:false, duration:300, easing: 'easeInQuad'})
		//$("#prevBtn, #nextBtn" ).css({'visibility':'visible'});
		 setTimeout(function() {
       		$(".videohome" ).remove();
    	 }, 500);
		setTimeout(function() {
       		$(".cerrar" ).remove();
    	 }, 80);
});			

$('#buscar').mouseover(function(){
	var textid = $('.buscadorcontent').attr('id');
	text = textid.substring(textid.indexOf('_')+1);
	if( $('#selectdesplegable').length == 0){
		$.get('/'+text+'/selectFamilias.php', function(data) {
		  $('.buscadorcontent').html(data).show();
		});
	}else{
		$('.buscadorcontent').show();
	}
	$('.buscadorcontent').bind('mouseleave',function(e){
	  $(this).hide();
	});
});

	$('#extranet_username').focus(function(){ usr_close_enabled = false; });
	$('#extranet_username').blur(function(){ usr_close_enabled = true; setTimeout("close_login();",500); });

	$('#extranet_password').focus(function(){ psw_close_enable = false; });
	$('#extranet_password').blur(function(){ psw_close_enable = true; setTimeout("close_login();",500); });
	
});

function close_login()
{
	if ( usr_close_enabled && psw_close_enable )
	{
		$(".farma1").stop().animate({height:'0px', width:'150px'},{queue:false, duration:200, easing: 'easeInQuad'})
		$(".farmaT").css({'color':'#999'});
	}
}