$(window).ready(function() {
	var p1 = "ja";
	var p2 = "g";
	var p3 = "antonlamberg";
	var p4 = "se";
	$("#emailaddress").html("<a href=\"mailto:" + p1 + p2 + "@" + p3 + "." + p4 + "\">jag[at]antonlamberg[dot]se</a>");

});
var clicked = false;
 $(window).ready(function() {
	if(window.location.hash) {
	 
	 var hash_value = window.location.hash.replace('#', '');
	 

	 if(hash_value == "project") {
	 						var temp = siteon;
	 						$("#h1").css("background-color", "#c8c8c8");
	 					
	 						$('project').css('display', 'block');
	 						$('project').css('position', 'absolute');
	 						
	 						p_running();
	 					
	 						$(siteon).animate({
	 						opacity: 0
	 						}, 100, function() {
	 							
	 							$(temp).css('display', 'none');
	 							
	 							$('project').css('position', 'inherit');
	 							$('project').css('z-index', '20');
	 			
	 							//alert('done');
	 						});
	 						$('project').delay(100).animate({
	 							
	 							opacity: 1
	 						}, 100	, function() {
	 									$('project').css('z-index', '0');
	 						
	 									siteon = "project";
	 									
	 						
	 						}); 
	 	
	 
	 }
	 
	 
	} 
	if (siteon == "project") {
		$("#h1").css("background-color", "#c8c8c8");
	
	} else {
		$("#h2").css("background-color", "#c8c8c8");
	}
	
	});


var siteon = "portfolio";
$(window).ready(function () {
	
	$(".port").click(function(e) {
		if(siteon != "portfolio") {
			e.stopPropagation();
			clicked = true;
			var temp = siteon;
			$("#h2").css("background-color", "#c8c8c8");
			$("#h1").css("background-color", "#fff");
			$('portfolio').css('display', 'block');
			$('portfolio').css('position', 'absolute');
			
			running();
		
			$(siteon).animate({
			opacity: 0
			}, 600, function() {
				
				$(temp).css('display', 'none');
				
				$('portfolio').css('position', 'inherit');
				$('portfolio').css('z-index', '20');

				//alert('done');
			});
			$('portfolio').delay(500).animate({
				
				opacity: 1
			}, 1000, function() {
						$('portfolio').css('z-index', '0');
			
						siteon = "portfolio";
						clicked = false;
						
						
			
			});
			
	}		
	});

	$("#proj").click(function (e) {
		if(siteon != "project") {
				e.stopPropagation();
				clicked = true;
				$("#h1").css("background-color", "#c8c8c8");
				$("#h2").css("background-color", "#fff");
				
				var temp = siteon;
			
				$('project').css('display', 'block');
				$('project').css('position', 'absolute');
				
				p_running();
			
				$(siteon).animate({
				opacity: 0
				}, 600, function() {
					
					$(temp).css('display', 'none');
					
					$('project').css('position', 'inherit');
					$('project').css('z-index', '20');
	
					//alert('done');
				});
				$('project').delay(500).animate({
					
					opacity: 1
				}, 1000, function() {
							$('project').css('z-index', '0');
				
							siteon = "project";
							clicked = false;
				
				});
				
		}	
	});
	
	$("#proj").hover(function() {
		if(siteon != "project") {
		$("#h1").css('background-color', '#FFFF00');
		}
	}, function() {
		if(siteon == "portfolio" && clicked != true) {		
			$("#h1").css('background-color', '#fff');
		}
	});
	$(".port").hover(function() {
		if(siteon != "portfolio") {
		$("#h2").css('background-color', '#FFFF00');
		}
	}, function() {
		if(siteon == "project" && clicked != true) {		
			$("#h2").css('background-color', '#fff');
		}
	});
	$("#logo").hover(function() {
	  		  $("#name2").delay(200).animate({opacity:1}, 500);	
	  		  $("#name").animate({opacity:0}, 200);
	  		  
	  		  $("#graphic").animate({opacity:0}, 200, function() {
	  		  	$("#graphic").css("text-transform", "uppercase");
	  		  	$("#graphic").css("font-family", 'Devinity-Light');
	  		  	$("#graphic").css("margin-top", "2px");
	  		  	$("#graphic").css("font-style", "normal");
	  		 	 $("#graphic").animate({opacity:1}, 500);	
	  		  });
	  		  
	  		  
	  		}, function() {
	  		  //$("graphic").css("font-family", "none");
	  		  $("#name2").stop(true, true).animate({opacity:0}, 100);
	  		  $("#name").stop(true, true).delay(100).animate({opacity:1}, 300);
	  		  $("#graphic").animate({opacity:0}, 100, function() {
	  		  	$("#graphic").css("text-transform", "none");
	  		  	$("#graphic").css("font-family", 'Garamond');
	  		  	$("#graphic").css("margin-top", "0");
	  		  	$("#graphic").css("font-style", "oblique");
	  		  	 $("#graphic").animate({opacity:1}, 300);	
	  		  });
	  		  });
	  		  


if($(window).width() < 1000) {
	$("navigation").css('width', 1000);
	$("site-header").css('width', 1000);
	$("container").css('width', 1000);
} else  {
	$("navigation").css('width', $(window).width());
	$("site-header").css('width', $(window).width());
	$("container").css('width', $(window).width());
	
}


}); 

$(window).resize(function() {
	if($(window).width() < 1000) {
		$("navigation").css('width', 1000);
		$("site-header").css('width', 1000);
		$("container").css('width', 1000);
	} else  {
		$("navigation").css('width', $(window).width());
		$("site-header").css('width', $(window).width());
		$("container").css('width', $(window).width());
		
	}
	//$("navigation").css('width', $(document).width())	
	
	
  });