$(document).ready(function(){

	
	 $('#BackToTop').live('click', function(){
		$('html, body').animate({scrollTop:0}, 347);
	});
	


	var tbabe = parseInt($(document).height() , 10) - 114;
	$('#BackToTop').css({"marginTop": tbabe + 'px'});
	
	$(window).scroll(function(){
		var x = $(window).scrollTop() + $(window).height();
		var y = $(document).height();
		var z = window.location.pathname
		
		
		
		if (y - x <= 68) {
			$('#BackToTop').addClass('absolute');
		} else {
			$('#BackToTop').removeClass('absolute');
		}
		
	});
	
	$("img").live('mouseover mouseout', function(event){
	
		if (event.type == 'mouseover'){
			$(this).prev("#caption").css("visibility","visible");
		}
		 	else {
		 		$(this).prev("#caption").css("visibility","hidden");
		 	 };	
	});
	
	


	$(".project_image_top").live('mouseover mouseout', function(event){
	
		if (event.type == 'mouseover'){
			$(this).children(".image").animate({paddingTop:"108", opacity:"0"}, 210); $(this).prev().animate({marginTop:"0",},220)
		}
		 	else {
		 		$(".image").animate({paddingTop:"0", opacity:"1"}, 150); $(this).prev().animate({marginTop:"-25"},150);
		 	 };	
	});
	
	$(".logoV").hover(function(){
	$(".logoV, .logoH").css("background-color","#f0f309");
	},
	function(){
	$(".logoV, .logoH").css("background-color","white");
	});
	
	$(".logoH").hover(function(){
	$(".logoV, .logoH").css("background-color","#f0f309");
	},
	function(){
	$(".logoV, .logoH").css("background-color","white");
	});
	
	
	
	$(window).bind( "hashchange", function() {
  	 	var hash = window.location.hash || "#projects";
    	if (hash == "#projects"){
    		$(".nav_projects").addClass("bold");
    	}
    	else   	
    	{
        	$(".nav_projects").removeClass("bold");
       	};
    	
    	
    	if (hash == "#about"){
    		$("li.about").addClass("bold");
    		$("li.about").append('<span>&nbsp; /</span>');
    	}
    	else
    	{
    		$("li.about").removeClass("bold");
    	};

  
   /* home */
   
   	if (hash == "#home"){
			$("span").remove(":contains(' /')")
			$(".nav_projects").empty().append('Projects');
			$(".about").empty().append('<a href="#about">About</a>');
    		$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
			$('.content').load("ps.html .projects", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
 
   
    	
    	/*
if (hash == "#home"){
    		$("span").remove(":contains(' /')");
    		$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
			$('.content').load("ps.html .home", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
*/
		
	 /* about */
		
		if (hash == "#about"){
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('About');
			$("span").remove(":contains(' /')");
    		$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
			$('.content').load("ps.html #about", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
		
	/* projects */
		if (hash == "#projects"){
			$("span").remove(":contains(' /')")
			$(".nav_projects").empty().append('Projects');
			$(".about").empty().append('<a href="#about">About</a>');
    		$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
			$('.content').load("ps.html .projects", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
		
	/* projects/arcaa */
		
		if (hash == "#projects/arcaa"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
    			$('.content').load("ps.html .ps_arcaa", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	/* projects/unbalanced */
	
		if (hash == "#projects/unbalanced"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_unbalanced", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/halotrust */
	
		if (hash == "#projects/halotrust"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_halotrust", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/mustlovetype*/
	
		if (hash == "#projects/mustlovetype"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_mustlovetype", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	/* projects/want */
	
		if (hash == "#projects/want"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_want", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/eliticasans */
		
		if (hash == "#projects/elitica"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_eliticasans", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};

	
	/* projects/delta */
	
	if (hash == "#projects/delta"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_delta", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};

	
	/* projects/sprint */
	
		if (hash == "#projects/sprint"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_sprint", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/confidential1 */
	
		if (hash == "#projects/hush"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_confidential1", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/confidential2 */
	
		if (hash == "#projects/hushhush"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_confidential2", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/misc */
	
		
		if (hash == "#projects/misc"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_misc", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	
	/* projects/thme */
	
		if (hash == "#projects/thme"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_thme", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/rome */	
	
		if (hash == "#projects/rome"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_rome", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
	
	/* projects/weekends */
	
		if (hash == "#projects/weekends"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .ps_weekends", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
		
		if (hash == "#bdp_kaishajoey24"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .bdp_kaishajoey24", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
		
		if (hash == "#bdp_leonardo26"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .bdp_leonardo26", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
		
		if (hash == "#bdp_drew25"){
			$("span").remove(":contains(' /')");
			$(".nav_projects").empty().append('<a href="#projects">Projects</a>');
			$(".about").empty().append('<a href="#about">About</a>');
			$(".nav_projects").append('<span>&nbsp; /</span>');
    		$(".nav_projects").addClass("bold");$('html, body').animate({scrollTop:0}, 347); $('.content').animate({opacity: "0", paddingTop: "15"}, 90, function(){
				$('.content').load("ps.html .bdp_drew25", function(){
    				$('.content').animate({opacity: "1", paddingTop: "0"}, 110);
    			});
    		});
    	}
    	else
    	{
    		
		};
		
	});

  $(window).trigger( "hashchange" );

	

});