$(function() {
    if ( document.location.href.indexOf('#identity') > -1 ) {
		$("#welcome,#about,#shop,#contact").animate({ height: ['hide', 'swing']}, 200, "linear" );
		$("#work").animate({ height: ['show', 'swing']}, 200, "linear" );
        $("#calligraphy,#print,#art").animate({ height: ['hide', 'swing']}, 200, "linear" );
		$(".identity-sub").animate({ height: ['show', 'swing']}, 200, "linear" );
    }
	
	if ( document.location.href.indexOf('#work') > -1 ) {
		$("#welcome,#about,#shop,#contact").animate({ height: ['hide', 'swing']}, 200, "linear" );
		$("#work").animate({ height: ['show', 'swing']}, 800, "linear" );
		$("#click-welcome,#click-about,#click-shop,#click-contact").animate({ marginLeft: "0"}, 300);
		$("#click-about a").css({'color':'#666'});
		$("#click-shop a").css({'color':'#666'});
		$("#click-contact a").css({'color':'#666'});
		$("#click-welcome a").css({'color':'#666'});
		$("#click-work").animate({ marginLeft: "183px"}, 800);
		$("#click-work a").css({'color':'#7f1f28'});
    }
	
	if ( document.location.href.indexOf('#about') > -1 ) {
		$("#work,#welcome,#shop,#contact").animate({ height: ['hide', 'swing']}, 200, "linear" );
		$("#about").animate({ height: ['show', 'swing']}, 800, "linear" );
		$("#click-welcome,#click-work,#click-shop,#click-contact").animate({ marginLeft: "0"}, 300);
		$("#click-work a").css({'color':'#666'});
		$("#click-shop a").css({'color':'#666'});
		$("#click-contact a").css({'color':'#666'});
		$("#click-welcome a").css({'color':'#666'});
		$("#click-about").animate({ marginLeft: "183px"}, 800);
		$("#click-about a").css({'color':'#7f1f28'});
    }
	
	if ( document.location.href.indexOf('#shop') > -1 ) {
		$("#work,#about,#welcome,#contact").animate({ height: ['hide', 'swing']}, 200, "linear" );
		$("#shop").animate({ height: ['show', 'swing']}, 800, "linear" );
		$("#click-welcome,#click-work,#click-about,#click-contact").animate({ marginLeft: "0"}, 300);
		$("#click-work a").css({'color':'#666'});
		$("#click-about a").css({'color':'#666'});
		$("#click-contact a").css({'color':'#666'});
		$("#click-welcome a").css({'color':'#666'});
		$("#click-shop").animate({ marginLeft: "183px"}, 800);
		$("#click-shop a").css({'color':'#7f1f28'});
    }
	
	if ( document.location.href.indexOf('#contact') > -1 ) {
		$("#work,#about,#shop,#welcome").animate({ height: ['hide', 'swing']}, 200, "linear" );
		$("#contact").animate({ height: ['show', 'swing']}, 800, "linear" );
		$("#click-welcome,#click-work,#click-shop,#click-about").animate({ marginLeft: "0"}, 300);
		$("#click-work a").css({'color':'#666'});
		$("#click-shop a").css({'color':'#666'});
		$("#click-about a").css({'color':'#666'});
		$("#click-welcome a").css({'color':'#666'});
		$("#click-contact").animate({ marginLeft: "183px"}, 800);
		$("#click-contact a").css({'color':'#7f1f28'});
    }
	
	if ( document.location.href.indexOf('#welcome') > -1 ) {
		$("#work,#about,#shop,#contact").animate({ height: ['hide', 'swing']}, 200, "linear" );
		$("#welcome").animate({ height: ['show', 'swing']}, 800, "linear" );
		$("#click-work a").css({'color':'#666'});
		$("#click-about a").css({'color':'#666'});
		$("#click-contact a").css({'color':'#666'});
		$("#click-shop a").css({'color':'#666'});
		$("#click-welcome").animate({ marginLeft: "183px"}, 800);
		$("#click-welcome a").css({'color':'#7f1f28'});
    }
});