<!--
    // declare all variables to be used within this script to preload all images for the student gallery.
    var normal = new Array();
    normal[0] = new Image();
    normal[1] = new Image();
    normal[2] = new Image();
    normal[3] = new Image();
    normal[4] = new Image();
	normal[5] = new Image();
    normal[6] = new Image();
    normal[7] = new Image();
    normal[8] = new Image();
	
	var large = new Array();
	large[0] = "../images/gallery/swarovski/large/swarovski1.jpg";
	large[1] = "../images/gallery/swarovski/large/swarovski2.jpg";
	large[2] = "../images/gallery/swarovski/large/swarovski3.jpg";
	large[3] = "../images/gallery/swarovski/large/swarovski4.jpg";
	large[4] = "../images/gallery/swarovski/large/swarovski5.jpg";
	large[5] = "../images/gallery/swarovski/large/swarovski6.jpg";
	large[6] = "../images/gallery/swarovski/large/swarovski7.jpg";
	large[7] = "../images/gallery/swarovski/large/swarovski8.jpg";
	large[8] = "../images/gallery/swarovski/large/swarovski9.jpg";
    
    // begin to preload the images.
    normal[0].src = "../images/gallery/swarovski/normal/swarovski1.jpg";
    normal[1].src = "../images/gallery/swarovski/normal/swarovski2.jpg";
    normal[2].src = "../images/gallery/swarovski/normal/swarovski3.jpg";
    normal[3].src = "../images/gallery/swarovski/normal/swarovski4.jpg";
    normal[4].src = "../images/gallery/swarovski/normal/swarovski5.jpg";
	normal[5].src = "../images/gallery/swarovski/normal/swarovski6.jpg";
    normal[6].src = "../images/gallery/swarovski/normal/swarovski7.jpg";
    normal[7].src = "../images/gallery/swarovski/normal/swarovski8.jpg";
    normal[8].src = "../images/gallery/swarovski/normal/swarovski9.jpg";
    
    // THIS FUNCTION WILL SWAP THE MAIN IMAGE WITH THE IMAGE THAT IS ROLLED OVER.
    function swap(thumb, mainimage, index, event) {
        // get the thumbnail and main image object and set the border
        var image = document.getElementById(thumb);
        var main = document.getElementById(mainimage);
		var largeAnchor = document.getElementById('largeAnchor');
        
        // check to see whether its a mouse over or mouse out.
        if (event == "mouseover") {
            image.style.border = "solid 2px #B69462";
        } else if (event == "mouseout") {
            image.style.border = "solid 2px #FFFFFF";
        }
        
        // now set the main image with the thumbnail that is rolled over.
        main.src = normal[index].src;
        main.alt = normal[index].alt;
		largeAnchor.href = large[index];
    }
//-->