// cosmincotor | design 
var $ = jQuery.noConflict(); 
// cufon starts 
         Cufon.replace('h1, h2, h3, h4, h5, h6');
// document ready starts
$(document).ready(function(){
		$(".socialIcon").css({opacity:0.5});
		$(".mainLogo").css({opacity: 0});
		$(".overlay").css({opacity: 0});
		$(".contactFormWrap").css({opacity: 0});
		// animate social icons
		$('a.socialIcon').hover(
							  function(){
			
		$(this).stop().animate({opacity: 1}, 150);
		
	    },
	    function(){
		
		$(this).stop().animate({opacity: 0.5}, 150);
	
        });
		//
		//
		$(".mainLogo").delay(150).animate({opacity: 1}, 1000);				   
		//				   
		//				   
		$("#contactMenuBtn").click(function(){
			$(".overlay").css({"display":"block"});
			$(".contactFormWrap").css({"display":"block"});
			$(".overlay").animate({opacity: 0.7}, 250);
			$(".contactFormWrap").delay(250).animate({opacity: 1}, 250);
			return false;
			
		});
		//
		//
		function closeContact(){
			$(".overlay").animate({opacity: 0}, 250, function(){
			$(".overlay").css({"display":"none"});							
			});
			
			$(".contactFormWrap").animate({opacity: 0}, 250, function(){
			$(".contactFormWrap").css({"display":"none"});							
			});
			
		}
		//
		//
		$(".overlay").click(function(){
			closeContact();
			return false;
		});
		//
		//
		$(".closeBtn").click(function(){
			closeContact();
			return false;
		});
		//
});// document ready ends