// JavaScript Document



$(document).ready(function(){   

       $("#cat_629984_divs").click(function(){					 
      $("#logo").animate({top: "0px"}, 1000, 
		
		function showMenu(){
	 $(".nav_629984").css({display: "none"}, 1000 );
	 $("#cat_629984_divs ul").css({display: "block"}, 2000 );
	 });
	  
	  $("#cat_629984_divs").animate({top: "50px"}, 1000 );
	  
	  
});
	   
	   
$(document).ready(function(){   
						   
	  $(".thumbnail").click(function(){
									 
			$(".thumbnail").removeClass("hover");
			$(this).addClass("hover");
									 });
	  
});
//Home
$("#menu .home").hover(function(){
$("#arrow").animate({top: "-195px"}, 100);
 });
//Meet Us
$("#menu .meet").hover(function(){
$("#arrow").animate({top: "-180px"}, 100);
 });
//Client Resource
$("#menu .client").hover(function(){
$("#arrow").animate({top: "-165px"}, 100);
 });
//Request a Quote
$("#menu .quote").hover(function(){
$("#arrow").animate({top: "-150px"}, 100);
 });
//Contact Us
$("#menu .contact").hover(function(){
$("#arrow").animate({top: "-135px"}, 100);
 });
//Brand Development
$("#menu .brand").hover(function(){
$("#arrow").animate({top: "-100px"}, 100);
 });
//Rebrand Development
$("#menu .rebrand").hover(function(){
$("#arrow").animate({top: "-85px"}, 100);
 });
//Brand Audits
$("#menu .audit").hover(function(){
$("#arrow").animate({top: "-70px"}, 100);
 });
//Advertising
$("#menu .advertising").hover(function(){
$("#arrow").animate({top: "-55px"}, 100);
 });
//Print Collateral
$("#menu .print").hover(function(){
$("#arrow").animate({top: "-45px"}, 100);
 });
//Marketing design
$("#menu .marketing").hover(function(){
$("#arrow").animate({top: "-25px"}, 100);
 });
});  
//Websites
$("#menu .website").hover(function(){
$("#arrow").animate({top: "-15px"}, 100);
 });
//Packaging
$("#menu .packaging").hover(function(){
$("#arrow").animate({top: "145px"}, 100);
 });
//Communications strategy
$("#menu .communications").hover(function(){
$("#arrow").animate({backgroundPosition: "0px -145px"}, 100);
 });
//Illustration
$("#menu .illustration").hover(function(){
$("#arrow").animate({backgroundPosition: "0px -145px"}, 100);
 });
//Signage Design
$("#menu .signage").hover(function(){
$("#arrow").animate({top: "5px"}, 100);
 });
//Portfolio
$("#menu .portfolio").hover(function(){
$("#arrow").animate({top: "0px"}, 100);
 });