$(document).ready(function(){
// This command is used for most jquery, it means that once the page
$('#retail').load("Custom/Custom.html");
$('#news').click(function(){
        var toLoad = "News.html";      // put the page you are linking to here.
        $('#content').fadeOut('fast',loadContent);     //this is going to fadeout the contents of the content div
                                                                                   // then it will call a function called "loadContent"
            
        function loadContent() {            //  The loadContent function loads the page while it is still faded out.
            $('#content').load(toLoad,'',showNewContent());     // then it calls the showNewContent function
        }
        function showNewContent() {       // this one fades the div back into view
            $('#content').fadeIn('normal');
        }
        return false;     //this doesn't do much unless you are using an anchor element then it will stop it from  
                                   // linking off the page.
    });


$('#corrineLink').click(function(){
        var toLoad = "Custom/Corrine/CorrineBio.html";      // put the page you are linking to here.
        $('#retail').fadeOut('fast',loadContent);     //this is going to fadeout the contents of the content div
                                                                                   // then it will call a function called "loadContent"
            
        function loadContent() {            //  The loadContent function loads the page while it is still faded out.
            $('#retail').load(toLoad,'',showNewContent());     // then it calls the showNewContent function
        }
        function showNewContent() {       // this one fades the div back into view
            $('#retail').fadeIn('normal');
        }
        return false;     //this doesn't do much unless you are using an anchor element then it will stop it from  
                                   // linking off the page.
    });
$('#SeaToSky').click(function(){
        var toLoad = "Custom/Corrine/SeaToSky.html";      // put the page you are linking to here.
        $('#retail').fadeOut('fast',loadContent);     //this is going to fadeout the contents of the content div
                                                                                   // then it will call a function called "loadContent"
            
        function loadContent() {            //  The loadContent function loads the page while it is still faded out.
            $('#retail').load(toLoad,'',showNewContent());     // then it calls the showNewContent function
        }
        function showNewContent() {       // this one fades the div back into view
            $('#retail').fadeIn('normal');
        }
        return false;     //this doesn't do much unless you are using an anchor element then it will stop it from  
                                   // linking off the page.
    });
$('#navy').click(function(){
        var toLoad = "Custom/Casting/navy.html";      // put the page you are linking to here.
        $('#retail').fadeOut('fast',loadContent);     //this is going to fadeout the contents of the content div
                                                                                   // then it will call a function called "loadContent"
            
        function loadContent() {            //  The loadContent function loads the page while it is still faded out.
            $('#retail').load(toLoad,'',showNewContent());     // then it calls the showNewContent function
        }
        function showNewContent() {       // this one fades the div back into view
            $('#retail').fadeIn('normal');
        }
        return false;     //this doesn't do much unless you are using an anchor element then it will stop it from  
                                   // linking off the page.
    });
});