$(document).ready(function(){

    var sectionLeftH = $("#sectionLeft").height();
    var sectionMainH = $("#sectionMain").height();
    if (sectionMainH > sectionLeftH){
        $("#sectionLeft .wrapper").height((sectionMainH-15));
    }

    if (sectionLeftH > sectionMainH ){
        $("#sectionMain").height(sectionLeftH-10);
    }

     var mapH =  $("#map").height();
     var mapW =  $("#mapWrapper").height();
     $(".agrandir").click(function (){
          $(this).parent().animate({ height: '0', left: '301', top: '391', width: '0'}, 1000)
		  .next().animate({ height: '650', left: '0', top: '0', width: '650'}, 1000)
		  .parent().height(mapH);

	  $("#map").addClass("petit");
	  $("#minimap").removeClass("petit");
	  
          $("#legende").animate({ left: '0', top: '0'}, 1000);
          sectionLeftH = $("#sectionLeft").height();
          sectionMainH = $("#sectionMain").height();
          $("#sectionLeft .wrapper").height((sectionMainH-15));

		$("#map .vignette").fadeTo(2500,0)
		$("#map .vignette").hover(function () {
			$(this).fadeTo("fast",1);
		}, function () {
			$(this).fadeTo("fast",0);
		});


     });
     $(".reduire").click(function (){
          $(this).parent().animate({ height: '0', left: '180', top: '236', width: '0'}, 1000)
		  .prev().animate({ height: '390', left: '0', top: '0', width: '390'}, 1000)
		  .parent().height(mapW);

	  $("#minimap").addClass("petit");
	  $("#map").removeClass("petit");

          $("#legende").animate({ left: '390', top: '0'}, 1000);
          sectionLeftH = $("#sectionLeft").height();
          sectionMainH = $("#sectionMain").height();
          $("#sectionLeft .wrapper").height((sectionMainH-15));
     });




});