$(document).ready(function () {
    //Services Function					   
    var hash = window.location.hash.substr(1);
    var href = $('#servNav li a').each(function () { //Nav div
        var href = $(this).attr('href');
        if (hash == href.substr(0, href.length - 5)) {
            var toLoad = hash + '.html #servCon'; //Content div
            $('#servCon').load(toLoad) //Content div
        }
    });

    $('#servNav li a').click(function () { //Nav div

        var toLoad = $(this).attr('href') + ' #servCon'; //Content div
        $('#servCon').hide('fast', loadContent); //Content div
        $('#load').remove();
        $('#servWrap').append('<span id="load">LOADING...</span>'); //Wrap div
        $('#load').fadeIn('normal');
        window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 5);
        function loadContent() {
            $('#servCon').load(toLoad, '', showNewContent()) //Content div
        }
        function showNewContent() {
            $('#servCon').show('normal', hideLoader()); //Content div
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;

    });

    //Project Parent Function

    var hash = window.location.hash.substr(1);
    var href = $('#projNav li a').each(function () { //Nav
        var href = $(this).attr('href');
        if (hash == href.substr(0, href.length - 5)) {
            var toLoad = hash + '.html #projCon'; //Content div
            $('#projCon').load(toLoad) //Content div
        }
    });

    $('#projNav li a').click(function () { //Nav

        var toLoad = $(this).attr('href') + ' #projCon'; //Content div
        $('#projCon').hide('fast', loadContent); //Content div
        $('#load').remove();
        $('#projWrap').append('<span id="load">LOADING...</span>'); //Wrap div
        $('#load').fadeIn('normal');
        window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 5);
        function loadContent() {
            $('#projCon').load(toLoad, '', showNewContent()) //Content div
        }
        function showNewContent() {
            $('#projCon').show('normal', hideLoader()); //Content div
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;




        $('#matrix li a').click(function () {

            alert('prueba');
        });
    });

    //SubProj Functions

    var hash = window.location.hash.substr(1);
    var href = $('#matrix li a').each(function () { //Nav div
        var href = $(this).attr('href');
        if (hash == href.substr(0, href.length - 5)) {
            var toLoad = hash + '.html #matrixCon'; //Content div
            $('#matrixCon').load(toLoad) //Content div
        }
    });

    $('#matrix li a').click(function () { //Nav div

        var toLoad = $(this).attr('href') + ' #matrixCon'; //Content div
        $('#matrixCon').hide('fast', loadContent); //Content div
        $('#load').remove();
        $('#projMatrix').append('<span id="load">LOADING...</span>'); //Wrap div
        $('#load').fadeIn('normal');
        window.location.hash = $(this).attr('href').substr(0, $(this).attr('href').length - 5);
        function loadContent() {
            $('#matrixCon').load(toLoad, '', showNewContent()) //Content div
        }
        function showNewContent() {
            $('#matrixCon').show('normal', hideLoader()); //Content div
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;

    });

});