// Loosely based off of javascript written by Chris Coyier (http://css-tricks.com) //
//   Animation functions    //

function logoLeft(leftValue) {
    $("#logo").animate({
        left: leftValue
    });
}

function wrapperLeft(leftValue) {
    $("#wrapper").animate({
        left: leftValue
    });
}

function contentFadeOut() {
    $("#home, #services, #portfolio, #about, #contact").addClass("inactivediv");
	$("#home, #services, #portfolio, #about, #contact").removeClass("activediv");
}

var $nav;
var $footer;

//---------Plug in that does all the stuff that occurs on every click------------//    
$.fn.animationClickNav = function(callback, target) {

    var stringTarget = target,
        $target = target ? $(target) : null;
    
    return this.click(function(e) {
        
        if (!$(this).hasClass("current")) {
                
            $nav.removeClass("current");
			$footer.removeClass("current");

            contentFadeOut();
            
            callback();
            
            if ($target){ 
				$target.addClass("activediv");
				$target.removeClass("inactivediv");
			};
				
            window.location.hash = stringTarget;

        }
        return false;
                
    });
    
}

$(function() {
	var $logo = $("#logo");
		$wrapper = $("#wrapper");
		$nav = $("#nav a");
		$footer = $("#footer a");

    var origLogoWidth = 530;
        origLogoLeft = $logo.position().left;
        origWrapperLeft = $wrapper.position().left;
    

    $(".homelink").animationClickNav(function() {
        logoLeft(530);
		wrapperLeft(0);
		$("#home").addClass("activediv");
		$("a.homelink").addClass("current");
    }, "#home");
    
	$(".serviceslink").animationClickNav(function() {
        logoLeft(0);
		wrapperLeft(530);
		$("#services").addClass("activediv");
		$("a.serviceslink").addClass("current");
    }, "#services");
	
	$(".portfoliolink").animationClickNav(function() {
        logoLeft(530);
		wrapperLeft(0);
		$("#portfolio").addClass("activediv");
		$("a.portfoliolink").addClass("current");
    }, "#portfolio");

	$(".aboutlink").animationClickNav(function() {
        logoLeft(0);
		wrapperLeft(530);
		$("#about").addClass("activediv");
		$("a.aboutlink").addClass("current");
    }, "#about");
	
	$(".contactlink").animationClickNav(function() {
        logoLeft(530);
		wrapperLeft(0);
		$("#contact").addClass("activediv");
		$("a.contactlink").addClass("current");
    }, "#contact");
    
    
    var hash = window.location.hash;
    hash = hash.replace(/^#/, '');
    switch (hash) {
        case 'home':
            $("." + hash + "link").trigger("click");
            break;
        case 'services':
            $("." + hash + "link").trigger("click");
            break;
        case 'portfolio':
            $("." + hash + "link").trigger("click");
            break;
		case 'about':
            $("." + hash + "link").trigger("click");
            break;
		case 'contact':
            $("." + hash + "link").trigger("click");
            break;
    }


});