var actual='';

$(document).ready(function() {
	 inicia();
	 
 
});
function obrir(element){
	if(actual!=''){
		tancar(actual);
		treuEfectes();
	}
	noOpacity(element);//Treiem la P de opacitat
	element.find('div').show();
  	element.find('.logo').fadeIn(500,function(){
  		element.find('.titol').animate({width:'show'},500,function(){
      			element.find('.articles').slideDown(500,function(){
					element.unbind(); 
					//element.mouseout(function(){tancar(element);});
					actual=element; 				      				
      			});
  			});
  	});
}
function tancar(element){
		element.find('.articles').slideUp(500,function(){
			element.find('.titol').animate({width:'hide'},500,function(){
				element.find('.logo').fadeOut(500,function(){
  					element.find('div').hide();
  						element.unbind();
  						element.fadeIn(500);
  						assignaEfectes(); 
  						siOpacity(element);
  				});
			}); 				      				
		});
		
}
function tancarInici(element){
	element.find('.articles').hide();
	element.find('.titol').hide();
	element.find('.logo').hide();
	element.find('div').hide();
}
function noOpacity(element){
	//element.find('.opacity').fadeOut(200);
	element.find('.opacity').css('z-index','999');
	element.find('.opacity').css('filter','alpha(opacity=0)');
	
}
function siOpacity(element){
	//element.find('.opacity').show();
	element.find('.opacity').css('z-index','1111');
	element.find('.opacity').css('filter','alpha(opacity=55)');
	
}
function treuEfectes(){
	var floresta = $("#floresta"); 
	floresta.unbind();
	var joncaria = $("#joncaria"); 
	joncaria.unbind();
	var capmany = $("#capmany"); 
	capmany.unbind();
	var guardiola = $("#guardiola"); 
	guardiola.unbind();
}
function assignaEfectes(){
	var floresta = $("#floresta"); 
	floresta.mouseover(function(){obrir(floresta);});
	var joncaria = $("#joncaria"); 
	joncaria.mouseover(function(){obrir(joncaria);});
	var capmany = $("#capmany"); 
	capmany.mouseover(function(){obrir(capmany);});
	var guardiola = $("#guardiola"); 
	guardiola.mouseover(function(){obrir(guardiola);});
}
function inicia(){
	$('#menu > li > div').each(function(i){
		tancarInici($(this));
	});
	assignaEfectes();
}