var nav1 = new Image();
var nav2 = new Image();
var nav3 = new Image();
var nav4 = new Image();
var navArray = new Array(4);
var canvasId = null;
var lastcat = null;
var defaultNav = 0;
var navBar = null;
$(document).ready(function() {
    navBar = document.getElementById('navbar');
    // Preload images
    nav1.src = "/images/nav-iconic.jpg";
    nav2.src = "/images/nav-screen.jpg";
    nav3.src = "/images/nav-music.jpg";
    nav4.src = "/images/nav-abstract.jpg";
    navArray[0] = nav1;
    navArray[1] = nav2;
    navArray[2] = nav3;
    navArray[3] = nav4;
    // Pre-select which nav option is selected.
    if (String(document.location).indexOf("gallery") != -1);
    {
        // We are on a gallery page
        // Pull the category from the querystring
        var catId = parseInt(String(document.location).split("/")[4]);
        if (catId > 0) {
            navBar.src = navArray[catId - 1].src;
            defaultNav = catId;
        }
        else {
            if (lastcat) {
                navBar.src = navArray[lastcat - 1].src;
                defaultNav = lastcat;
            }
        }

    }


});

    function swapnav(linkId, action) {
        if (action == "over") {
            navBar.src = navArray[linkId - 1].src;
        }
        else {
            if (defaultNav > 0) {
                navBar.src = navArray[defaultNav - 1].src;
            }
            else {
                navBar.src = "/images/navbar.jpg";
            }
        }
    }