jQuery(function($){
/*
	$(".recap_materiau div.coller").prepend('<span class")*/
	
	/*$("ul.li_materiaux").addClass("coller");*/
	
	$(".hidden a").click(function() {
		location.href = this.href;  // goes to link
	});

	$("ul.li_materiaux li").each(function(){
		
		$("ul.li_materiaux li.desactive").each(function(){
			$(this).unbind("click");
		});
  		
		$(this).bind(
	    	"click",
	    	function(){
				if($(this).hasClass('desactive')){
					return false;
				}
			
	    		$(this).siblings("li").removeClass("coller sur");
				
				$(".recap_materiau div").removeClass("actif");
	    		
	    		$(this).find("input").attr("checked",true);
	    		$(this).focus();
	    		
	    		switch(selection.phase){
	    			case 1:
					
	    				if(!selection.paste_parent){
	    					$(this).addClass("actif-coller");
	    					selection.paste_parent = $(this).find("input").val();
	    					
	    					$("ul.li_materiaux li").each(function(){
	    						if($.inArray( $(this).attr('id').replace('li_material_', '')- 0 , material_connections[selection.paste_parent])=="-1"){
	    							$(this).addClass('desactive').unbind("click");
	    						}
	    					});
	    					
	    					$('.recap_materiau div.coller em').text($(this).find("label").text())
	    					//.removeClass().addClass()
	    					;
							$(".recap_materiau div.sur").addClass("actif");
							$(".recap_materiau div.sur em").html("S&eacute;lectionnez un mat&eacute;riau");
							$(".lien_new_selection").css("display", "inline");
							
	    				}
	    				else{
							$(this).addClass("actif-sur");
	    					selection.support_parent = $(this).find("input").val();
	    					$('.recap_materiau div.sur em').text($(this).find("label").text())
	    					//.removeClass().addClass()
	    					;
	    					//console.log($('#'+selection.paste_parent+'_'+selection.support_parent));
	    					$('#'+selection.paste_parent+'_'+selection.support_parent).click();
	    				}
						
						$("ul.li_materiaux").removeClass("coller").addClass("sur");
						
						return false;
	    			break;
	    			
	    			case 2:
	    				var side=null;
	    				var material_array_index=null;
						
	    				//click on col-g
	    				if($(this).closest("ul").hasClass('col-g')){
	    					side="col-d";
							connection_arr="col_g";
	    					material_array_index="paste_child";
	    					oponent_material_parent_array_index="support_parent";
	    					oponent_material_array_index="support_child";
							
							$(this).closest("ul").find('li').removeClass('actif');
							
							$(this).removeClass("hover").addClass("actif");
							
							$('.recap_materiau div.coller em').text($(this).find("label").text());
							$(".recap_materiau div.sur").addClass("actif");
							$(".recap_materiau div.sur em").removeClass('hidden');
	    				}
	    				//click on col-d
	    				else{
	    					side="col-g";
							connection_arr="col_d";
	    					material_array_index="support_child";
	    					oponent_material_parent_array_index="paste_parent";
	    					oponent_material_array_index="paste_child";
							
							$(this).closest("ul").find('li').removeClass('actif');
							
							$(this).removeClass("hover").addClass("actif");
							
							$('.recap_materiau div.sur em').text($(this).find("label").text());
							//$(".recap_materiau div.coller").addClass("actif");
							//$(".recap_materiau div.coller em").removeClass('hidden');
	    				}

	    				selection[material_array_index] = $(this).find("input").val();	
	    					
	    				$("ul.li_materiaux."+side+" li").each(function(){
	    				    if($.inArray( $(this).attr('id').replace(side+'li_material_', '')- 0 , material_connections[connection_arr][selection[material_array_index]])=="-1"){
	    				    	if($(this).attr('id').replace(side+'li_material_', '')- 0 == selection[oponent_material_parent_array_index])
	    				    		return;
	    				    		
	    				    	if($(this).attr('id').replace(side+'li_material_', '')- 0 == selection[oponent_material_array_index])
	    				    		selection[oponent_material_array_index]=0;
	    				    	
	    				    	$(this).addClass('desactive');

	    				    }
	    				    else{
	    				    	$(this).removeClass('desactive');
	    				    }
	    				});
	    				
	    				if($("ul.li_materiaux."+side+" li").length==($("ul.li_materiaux."+side+" li.desactive")+1)){
	    					$("ul.li_materiaux."+side+" li#"+side+'li_material_'+selection[oponent_material_parent_array_index]).addClass('desactive');
	    				}
	    					
	    				if(selection.paste_child!=0 && selection.support_child!=0){
	    					
	    					$('#'+selection.paste_parent+'_'+selection.paste_child+'_'+selection.support_parent+'_'+selection.support_child).click();
	    				}
	    			break;	
	    		}
				//return false;
	    	}
	    );
		
		var input = $(this).find("input");
	
	    $(input).bind(
	    	"click",
	    	function(){
	    		
	    		$(this).siblings("li").removeClass("active");
	    		
	    		$(this).removeClass("hover").addClass("actif");
	    		$(this).blur();
	    	} 
	    );
		
	})
	.hover(
	    
	    function(){
			if( !$(this).hasClass("desactive") )
	    		$(this).addClass("hover");
	    },
	    function(){
	    	/*if( !$(this).find("input").attr("checked")) */
	    		$(this).removeClass("hover");
	    }
	);
	
	if( $(".contenu.etape2 .li_materiaux.col-g").height() < $(".contenu.etape2 .li_materiaux.col-d").height() ){
			$(".contenu.etape2 .li_materiaux.col-g").css("height", $(".contenu.etape2 .li_materiaux.col-d").height() );
	}
	
	
	/*
	$(".dropdown dt a").click(function() {
                $(this).parent().parent("dl").find("ul").toggle();
                return false;
            });
                        
     $(".dropdown dd ul li a").click(function() {
         var text = $(this).text();
         var id = $(this).attr('id').replace('amaterial_', '')- 0;
         var oldid=$(this).closest(".dropdown").find("dt a").attr('id').replace('amaterial_', '')- 0;

         
         $(this).closest(".dropdown")
         .find("dt a").attr('id', id)
         .find("span").html(text);
         $(".dropdown dd ul").hide();
        // $("#result").html("Selected value is: " + getSelectedValue("sample"));
        
        if(id!=oldid){
        	
        	if($(this).closest(".dropdown").attr('id')=='li_coller'){
        		selection.paste_parent=id;
        	}
        	else{
        		selection.support_parent=id;
        	}

        	$('#'+selection.paste_parent+'_'+selection.support_parent).click();
        }
        
        return false;
     });
       */          
     function getSelectedValue(id) {
         return $("#" + id).find("dt a span.value").html();
     }

     $(document).bind('click', function(e) {
         var $clicked = $(e.target);
         if (! $clicked.parents().hasClass("dropdown"))
             $(".dropdown dd ul").hide();
     });
	 
	 
	 $(".menu-b li a, .menu-g li a").each(function(){
		imgSrc = $(this).find("img").attr("src");
		
		imgName = imgSrc.split("images/stories/");
		imgName = imgName[1];
		
		var classe;
		
		switch(imgName){
		   /* footer */
			case "fiches-brico.jpg":
			case "fiches-deco.jpg":
				classe="rect";
			break;
			
			case "conseillers.jpg":
				classe="carre";
			break;
				
			case "point-de-vente.jpg":
			case "section-pro.jpg":
				classe="carre-small";
			break;
			
			
			
		}
		
		$(this).append('<span class="ombre '+classe+'"></span>');
		
	});
		

});