$(document).ready(function(){
    /* POPIN */
    $("a[name=modal]").click(function(e){							  
        e.preventDefault();
        
        var id = $(this).attr("href");

        var maskHeight = 470;
        var maskWidth = 960;

        $("#mask").css({"width":maskWidth,"height":maskHeight});
        
        $("#mask").fadeTo(0, 0, function(){
            $(this).css("display","block");
        });
        $("#mask").fadeTo("fast",0.2);	

        var winH = 470;
        var winW = 960;
      
        //$(id).css("top", winH/2-$(id).height()/2);
        //$(id).css("top", "150px");
        $(id).css("left", winW/2-$(id).width()/2);

        //$(id).fadeIn(1000);
        $(id).show();
        
        $(id).find(".content-scroll").jScrollPane({showArrows:true, scrollbarWidth:12, scrollbarMargin:0});
        //$(".global-scroll .jScrollPaneDrag").css("top", "0");
    });

    $(".window .close").click(function(e){
        e.preventDefault();
        $("#mask").hide();
        $(".window").hide();
    });	
	
	/* POPIN LE SAVIEZ-VOUS */
	$("#opbeaute .liensniv2 a:first").click(function(e){
		e.preventDefault();													 
		$(".popinfd, .popinsaviezvous").show();
	});
	$("#opbeaute .popinsaviezvous .fermer").click(function(e){
		e.preventDefault();														   
		$(".popinfd, .popinsaviezvous").hide();
	});
	
	/* CHOIX DE L'ENSEIGNE */
	$("#opbeaute .fauxinput").click(function(e){
		e.preventDefault();
		/*$('.jspDrag').css("top","0");
		$('.jspPane').css("top","0");*/	
		$(this).find("div").show();		
		$('.scroll-pane').jScrollPane({showArrows: true}).width(269);
		$('.jspContainer').width(269);
		$('.jspPane').width(265);
	});
	/*$("#opbeaute .fauxinput, #opbeaute .fauxlisteoptions").hover(function(){},function(){
		$("#opbeaute .fauxlisteoptions").hide();
	});*/
	$("#opbeaute .fauxlisteoptions a").click(function(){	
		$(this).parents(".fauxinput").find("input").val($(this).text());
		$("#mgz").val($(this).attr('id'));
		$(this).parents(".fauxlisteoptions").hide();
		return false;
	});	
	$('#success').bind('click', function(e){
    e.preventDefault();
    var choix = $('#listedesenseignes').val();
    var enseigne = $("#mgz").val();
    if(choix != "Liste des enseignes"){
      document.location.href = "success.aspx?enseigne="+enseigne;
    }else{
      alert('veuillez sélectionner une enseigne dans la liste.');
    }
  });
});