/* 
 * Javascript By Adam Smith 
 * digitaltrasher @github.com
 */
$(document).ready(function(){
    $(".nav ul li a").bind({
        click: function(){
            $(".nav ul li a").not(this).each(function(){
                $(this).removeClass("active"); 
            });
            $(".page").each(function(){
                $(this).hide();
                reloadiFrames($(this).attr("id"));
            });
            var link = $(this).attr("data-click");            
            var c = $("#"+link);
            showPage(c);
            $(this).addClass("active");
            return false;
        }
    });
    $(".page-link").click(function(){
        return false;
        var link = $(this).attr("data-link");
        var c = $("#"+link);
        showPage(c);        
    });
    $(".name h1").click(function(){
        $(".nav ul li a").each(function(){
            $(this).removeClass("active"); 
        });
        window.location.hash = '#home';
    });
    var setHash = window.location.hash;
    if(setHash){
        $(".nav ul li a").each(function(){
            $(this).removeClass("active");                        
        });
        $(".page").each(function(){
            $(this).hide(); 
        });          
        var c = $(setHash);
        showPage(c);
        $(c).addClass("active");
    }
    
    $(".color-block").each(function(){
        $(this).delay(500).fadeIn("fast");
        $(this).css("background-color", "#"+$(this).attr("data-color"));
    });
    $(".color-block").click(function(){
       $(".color-picked").removeClass("pink").removeClass("green").removeClass("yellow");
       $(".color-picked").addClass($(this).text()); 
    });
    /* Music Loader */
    $(".music-selection a").click(function(){        
        $(".music-loaded").find("iframe").attr("src", $(this).attr("data-iframe"));
        if($(".music-loaded").find("iframe").is(":visible")){
            
        }else{
            $(".music-loaded").slideToggle();
        }        
        return false;
    });
    startWatch;
}); //END DOM
if(location.hash == '' || location.hash == null){
    window.location.hash = '#home';
}
    hash = window.location.hash;

function showPage(cc){   
    window.location.hash = cc.attr("id");
    $("#"+cc.attr("id")+"-click").addClass("active");
    //console.log(cc.attr("id")+"-click");
    cc.show();
    var h = cc.height();
    var set = "-"+h+"px";
    cc.css("margin-top", set);
    if(cc.is(":animated")){
        
    }else{
        cc.animate({
            marginTop: "+="+cc.height()
        }, 500, function(){

            });        
    }
}
var startWatch = function(){
    start;
}

var start = setInterval(function()
{
    if (location.hash != hash)
    {
        var setHash = window.location.hash;
        if(setHash){
            $(".nav ul li a").each(function(){
                $(this).removeClass("active");            
            });
            $(".page").each(function(){
                $(this).hide(); 
            });          
            var c = $(setHash);
            showPage(c);
            var id = c.attr("id");
            $("#"+id+"-click").addClass("active");
        }
        hash = location.hash;
    }else if(location.hash == '' || location.hash == null){
        window.location.hash = '#home';
    }
}, 500);


function reloadiFrames(pageID) {
    $("#"+pageID+"").find("iframe").each(function(){
        this.src = this.src;
    });    
}