var navOpen = true;
function toggleNav()
{
        if(navOpen)
        {
                myNavBox = document.getElementById('navigation');
                myNavImage = document.getElementById('navClicker');

                // remove the content
                myNavBox.innerHTML = '';

                // close the box
                myNavImage.src='images/click_nav_off.jpg';
                myNavBox.style.display='none';

                navOpen = false;
        }else{
                myNavBox = document.getElementById('navigation');
                myNavBoxContent = document.getElementById('navigation_content');
                myNavImage = document.getElementById('navClicker');

                // open the box
                myNavImage.src='images/click_nav_on.jpg';
                myNavBox.style.display='';

                // add the content
                myNavBox.innerHTML = myNavBoxContent.innerHTML;


                navOpen = true;
        }
        return true;
}


function preLoad()
{
        var aryImages = new Array(2);

        aryImages[0] = "images/click_nav_on.jpg";
        aryImages[1] = "images/click_nav_off.jpg";
        for (i=0; i < aryImages.length; i++) {
                var preload = new Image();
                preload.src = aryImages[i];
        }

}