$(window).load(function() {
						
	$('.intro.layer div').css({'width': '0'});				
	$('.intro.layer div').animate({'width': '100%'}, 500);	
	$(".intro.layer").delay(500).fadeOut(1000);
	
});



jQuery(function() {	
	<!-- NAVIGATION >> START -->
	
	/*
	 *	this part controls the cards
	 */

	$(".logo img").click(function() {
		$(".cards .card").animate({"left": "-50"}, 350, 'easeInQuad').css('zIndex', '1');
		
		// since internet explorer does not support css transform
		if($('html').hasClass('ua-ie')) {
			$('#card-1').animate({"left": "450"}, 350, 'easeInQuad').css('zIndex', '5');
		} else {
			if($('.cards').hasClass('rotated')) {
				$('#card-1').animate({"left": "400"}, 350, 'easeInQuad').css('zIndex', '5');
			} else {
				$('#card-1').animate({"left": "450"}, 350, 'easeInQuad').css('zIndex', '5');
			};
		};
	});
	
	
	
	$(".navi li").click(function() {
		var cardId = $(this).children('a').attr('href');
		
		$(".cards .card").animate({"left": "-50"}, 350, 'easeInQuad').css('zIndex', '1');

		// since internet explorer does not support css transform
		if($('html').hasClass('ua-ie')) {
			$(cardId).animate({"left": "450"}, 350, 'easeInQuad').css('zIndex', '5');
		} else {
			if($('.cards').hasClass('rotated')) {
				$(cardId).animate({"left": "400"}, 350, 'easeInQuad').css('zIndex', '5');
			} else {
				$(cardId).animate({"left": "450"}, 350, 'easeInQuad').css('zIndex', '5');
			};
		};
	});
	
	

	/*
	 *	menu animation
	 */
	$('.navi').each(function(key, value) {
		$(value).data('getHeight', $(value).height());
	});
	 
	$('.navi').css('height', '50px');
	$('.navi').hover(function() {
		$(this).animate({height: $(this).data("getHeight")}, 250);
	},
	function () {
		$(this).animate({'height' : '50px'}, 250);
	});
	
	<!-- NAVIGATION >> END -->
});