$(document).ready(function(){

$(".homeLink").click(function(){
      $("#webSite").animate({
     left: "0px", 
      top: "0px"
      }, 2000 );
      $("#portfolioBlock").fadeOut("slow");
	 setOverflow();
    });


$(".aboutLink").click(function(){
      $("#webSite").animate({
     left: "0px", 
      top: "-1000px"
      }, 2000 );
      $("#portfolioBlock").fadeOut("slow");
	changesize();
    });
    
$(".servicesLink").click(function(){
      $("#webSite").animate({
     left: "-1650px", 
      top: "-1000px"
      }, 2000 );
     $("#portfolioBlock").fadeOut("slow");
    changesize();
    });

$(".portfolioLink").click(function(){
      $("#webSite").animate({
     left: "-3250px", 
      top: "-1000px"
      }, 2000, function() {
      $("#portfolioBlock").fadeIn(800);
	changesize();
      
      });
    });

$(".contactLink").click(function(){
      $("#webSite").animate({
     left: "-4850px", 
      top: "-1000px"
      }, 2000 );
      $("#portfolioBlock").fadeOut("slow");
      changesize();
    });

$(".aboutToServicesLink").click(function(){
      $("#webSite").animate({
      left: "-1650px", 
      top: "-1000px"
      }, 2000 );
      $("#portfolioBlock").fadeOut("slow");
      changesize();
          });

$("#servicesToContactLink").click(function(){
      $("#webSite").animate({
     left: "-4850px", 
      top: "-1000px"
      }, 2000 );
      $("#portfolioBlock").fadeOut("slow");
      changesize();
    });


$(".folioToContactLink").click(function(){
	 $("#webSite").animate({
     left: "-4850px", 
      top: "-1000px"
      }, 2000 );
      $("#portfolioBlock").fadeOut("slow");
      changesize();
    });

	
	


 
 	$("#folioRight").click(function(){
      $("#folioList").animate({"left": "+=390px"}, "slow");
      
      if ($("#folioList").animate({"left": "==390px"}));
      $("#folioList").animate({"right": "+=390px"}, "slow");

    });

    $("#folioLeft").click(function(){
      $("#folioList").animate({"left": "-=390px"}, "slow");
          });

	
  
	

  
  	
  $(".folioItem a.thumb").click(function(){
       var imgAddy = $(this).attr("href");
       $("#viewer").fadeIn(1000);
       $("#viewerPic").attr({src: imgAddy});
       return false;
        });
        
   $("#dismiss").click(function(){
   	$("#viewer").fadeOut(1000, function() {
   	$("#viewerPic").attr({src: "images/loading.gif"});
   		});
   	});
	  
  });