function showCont(){
	$(".wrapper").animate({"top":"-1500px"}, 700);
	$(".contentwrapper").fadeIn(1500);
	$(".hire").fadeIn(1500);
}
function showPort(){
	$(".wrapper").animate({"top":"-1500px"}, 700);
	$(".contentwrapper").fadeIn(1500);
	$(".portfolio").fadeIn(1500);
}
function showServ(){
	$(".wrapper").animate({"top":"-1500px"}, 700);
	$(".contentwrapper").fadeIn(1500);
	$(".services").fadeIn(1500);
}
$(document).ready(function() {
	
	var cururl = window.location.href;
	var cururlar = cururl.split('#');
	var current = cururlar[1];
	if(current === 'hire'){
		showCont();
	} else if(current === 'portfolio'){
		showPort();
	} else if(current === 'services'){
		showServ();
	}
	
	$("#portfolio").click(function(){
		$(".wrapper").animate({"top":"-1500px"}, 700);
		$(".contentwrapper").fadeIn(1500);
		$(".portfolio").fadeIn(1500);
	});
	
	$(".quickCont").click(function(){
		$(".contentwrapper").fadeOut(1500);
		$(".services").fadeOut(1500);
		$(".hire").fadeOut(1500);
		$(".portfolio").fadeOut(1500);
		$(".wrapper").animate({"top":"0px"}, 700);
		var t = setTimeout("showCont()",1300);
	});
	$(".quickPort").click(function(){
		$(".contentwrapper").fadeOut(1500);
		$(".services").fadeOut(1500);
		$(".hire").fadeOut(1500);
		$(".portfolio").fadeOut(1500);
		$(".wrapper").animate({"top":"0px"}, 700);
		var t = setTimeout("showPort()",1300);
	});
	$(".quickServ").click(function(){
		$(".contentwrapper").fadeOut(1500);
		$(".services").fadeOut(1500);
		$(".hire").fadeOut(1500);
		$(".portfolio").fadeOut(1500);
		$(".wrapper").animate({"top":"0px"}, 700);
		var t = setTimeout("showServ()",1300);
	});
	
	//--Serivces--//
	
	$("#services").click(function(){
		$(".wrapper").animate({"top":"-1500px"}, 700);
		$(".contentwrapper").fadeIn(1500);
		$(".services").fadeIn(1500);
	});
	
	//--Hire--//
	
	$("#hire").click(function(){
		$(".wrapper").animate({"top":"-1500px"}, 700);
		$(".contentwrapper").fadeIn(1500);
		$(".hire").fadeIn(1500);
	});
	
	//--Back--//
	
	$(".back").live("click", function(){
		$(".contentwrapper").fadeOut(1500);
		$(".services").fadeOut(1500);
		$(".hire").fadeOut(1500);
		$(".portfolio").fadeOut(1500);
		$(".wrapper").animate({"top":"0px"}, 700);
	});
});