$(document).ready(function(){					

	$("#navigation a").not('.job').removeAttr("href");
	
	$("#home a").removeAttr("href");
	
	$("#wrapper").stop().scrollTo( $("#home"), 1500 );
	$("a.home").addClass("active");
		
	$('#element-1').css('left','960px').animate( 
		{ left: "-300px" }, 10000
	);

	$('#element-4').css('left','-300px').animate( 
		{ left: "1000px" }, 10000
	);


	if($(window).height() < 450 ) {
		$("#project-slider").css('margin-top', '0');
	}



	$('a.contact').click(function(){
		$("#navigation a").removeClass("active");
		$("a.contact").addClass("active");
		$("#wrapper").stop().scrollTo( $("#contact"), 3000 );

		$('#element-6').css('left','960px').animate( 
			{ left: "-600px" }, 10000
		);
	});

	$('a.about').click(function(){
		$("#navigation a").removeClass("active");
		$("a.about").addClass("active");
		$("#wrapper").stop().scrollTo( $("#about"), 3000 );

		$('#element-2').css('left','960px').animate( 
			{ left: "-600px" }, 10000
		);
	});

	$('a.project').click(function(){
		$("#navigation a").removeClass("active");
		$("a.project").addClass("active");
		$("#wrapper").stop().scrollTo( $("#project"), 3000 );
	});
	$('a.service').click(function(){
		$("#navigation a").removeClass("active");
		$("a.service").addClass("active");
		$("#wrapper").stop().scrollTo( $("#service"), 3000 );

		$('#element-3').css('left','960px').animate( 
			{ left: "-100px" }, 10000
		);
	});
	
	$('a.home').click(function(){
		$("#navigation a").removeClass("active");
		$("a.home").addClass("active");
		$("#wrapper").stop().scrollTo( $("#home"), 3000 );

		$('#element-1').stop().css('left','960px').animate( 
			{ left: "-300px" }, 10000
		);

		$('#element-4').stop().css('left','-300px').animate( 
			{ left: "1000px" }, 10000
		);

	});


	$('#project-wrapper').cycle({ 
	    fx:     'scrollLeft', 
	    speed:  'fast', 
	    timeout: 5000, 
	    next:   '#project-next', 
	    prev:   '#project-prev' 
	});


	$('#service li ul').hide();

	$('#service li').each(
		function(){
			$(this).toggle(
				function(){
					$(this).children().stop().fadeIn('fast')
				},
				
				function(){
					$(this).children().stop().fadeOut('fast')
				}
			);
		});
 

	$('#contact_form').validate({
	    rules:{
	        name:{required: true },
	        email:{required: true, email: true },
	        comments:{required: true }
	    },
	    messages:{
	        name:{required: '請輸入您的姓名' },
	        email:{required: '請輸入您的Email', email: '這不是正確的信箱' },
	        comments:{required: '請輸入內文' }
	    }
	});

});