jQuery(document).ready(function(){
	
	//SIDEBAR
	jQuery("#comp-11").click(function(){
		if( !jQuery(this).hasClass("active") )
		{
			jQuery("#comp-6").removeClass("active");
			jQuery(this).addClass("active");
			
			jQuery("#comp-6-data").hide();
			jQuery("#comp-11-data").show();
		}
	});
	
	jQuery("#comp-6").click(function(){
		if( !jQuery(this).hasClass("active") )
		{
			jQuery("#comp-11").removeClass("active");
			jQuery(this).addClass("active");
			
			jQuery("#comp-11-data").hide();
			jQuery("#comp-6-data").show();
		}
	});
	
	
	
	//LEGENDE
	jQuery("#comp-11-bottom").click(function(){
		if( !jQuery(this).hasClass("active") )
		{
			jQuery(".RegionLink .RegionLinkBox").each(function(){
				jQuery(this).show();
			});
			
			jQuery("#comp-6-bottom").removeClass("active");
			jQuery(this).addClass("active");
			
			//boucler les carrés composite 6 et les cacher
			/*jQuery(".RegionLink .RegionLinkBox .squareComposite6").each(function(){
				jQuery(this).hide();
			});*/
			
			jQuery(".RegionLink .RegionLinkBox").each(function(){
				if( jQuery(this).children(".squareComposite11").length )
				{
					if( jQuery(this).children(".squareComposite6").length )
						jQuery(this).children(".squareComposite6").hide();
					
					jQuery(this).children(".squareComposite11").show();
				}
				else
					jQuery(this).hide();
			});
			
			//boucler les carrés composite 11 et les montrer
			/*jQuery(".RegionLink .RegionLinkBox .squareComposite11").each(function(){
				jQuery(this).show();
			});*/
		}
	});
	
	jQuery("#comp-6-bottom").click(function(){
		if( !jQuery(this).hasClass("active") )
		{
		
			jQuery(".RegionLink .RegionLinkBox").each(function(){
				jQuery(this).show();
			});
			
			jQuery("#comp-11-bottom").removeClass("active");
			jQuery(this).addClass("active");
			
			//boucler les carrés composite 11 et les cacher
			/*jQuery(".RegionLink .RegionLinkBox .squareComposite11").each(function(){
				jQuery(this).hide();
			});*/
			
			jQuery(".RegionLink .RegionLinkBox").each(function(){
				if( jQuery(this).children(".squareComposite6").length )
				{
					if( jQuery(this).children(".squareComposite11").length )
						jQuery(this).children(".squareComposite11").hide();
					
					jQuery(this).children(".squareComposite6").show();
				}
				else
					jQuery(this).hide();
			});
			
			//boucler les carrés composite 6 et les montrer
			/*jQuery(".RegionLink .RegionLinkBox .squareComposite6").each(function(){
				jQuery(this).show();
			});*/
		}
	});
	
});