// JavaScript Document

$(window).load(function(){
	
    // Property Details animation.
	
	  $("#property-details").ready(function(){
      $("#property-details").animate({ 
        right: "0px"
      }, 1500 );
	  
	  
	  $("#open").fadeOut("fast");
	  
	  $("#close").fadeIn("slow");
	  
    });
		
    $("#details-show").click(function(){
      $("#property-details").animate({ 
        right: "0px"
      }, 1000 );
	  
	  
	  $("#open").fadeOut("slow");
	  
	  $("#close").fadeIn("slow");
	  
    });
	
	
	  $("#details-hide").click(function(){
      $("#property-details").animate({ 
        right: "-378px"
      }, 1000 );
	  
	  
	  $("#open").fadeIn("slow");
	  
	  $("#close").fadeOut("1500");
    });


	 // Additional information animation.
	
	 
	 $("#info-show").click(function(){
      $("#add-info").animate({ 
        bottom: "0px"
      }, 1000 );
	  
	  
	  $("#show").fadeOut("fast");
	  
	  $("#hide").fadeIn("fast");
	  
    });
	
	
	  $("#info-hide").click(function(){
      $("#add-info").animate({ 
        bottom: "-76px"
      }, 1000 );
	  
	  
	  $("#show").fadeIn("slow");
	  
	  $("#hide").fadeOut("fast");
    });
	  
	  
	  
	 // Property Listing animation.
	
	   $("#property-list").ready(function(){
      $("#property-list").animate({ 
        left: "425px"
      }, 1500 );
	  
	  
	  $("#revealed").fadeOut("fast");
	  
	  $("#hidden").fadeIn("slow");
	  
    });
		
    $("#list-show").click(function(){
      $("#property-list").animate({ 
        left: "425px"
      }, 1000 );
	  
	  
	  $("#revealed").fadeOut("fast");
	  
	  $("#hidden").fadeIn("slow");
	  
    });
	
	
	  $("#list-hide").click(function(){
      $("#property-list").animate({ 
        left: "49px"
      }, 1000 );
	  
	  
	  $("#revealed").fadeIn("slow");
	  
	  $("#hidden").fadeOut("1500");
    });
	  
	  
	  // Content Area animations
	  

	  
	  
	   $("#content-head").ready(function(){
      $("#content-head").animate({ 
        left: "40px"
      }, 1000 );
    });
	   
	   $("#content1").ready(function(){
      $("#content1").fadeIn(1500);
	  
    });
	  
  $('#content1').fadeIn(function(){
       this.style.removeAttribute("filter");
	});	  
	  
	  
	  $("#content2").ready(function(){
      $("#content2").fadeIn(1500);
	  
    });
	  
  $('#content2').fadeIn(function(){
       this.style.removeAttribute("filter");
	});	  	  
	  
	  
	  
	  
	  $(".map").ready(function(){
      $(".map").fadeIn("slow");
	  
    });
	  
	  
	$("#legend").ready(function(){
      $("#legend").animate({ 
        left: "20px"
      }, 1200 );
	  
    });
	
	
	
	$("#locate").click(function(){
      $("#propertyMap").fadeIn("slow");
	  
	  
    });
	
	$("#map-close").click(function(){
      $("#propertyMap").fadeOut("slow");
	  
	  
    });
	
	 
});