<!--	
	// 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();
	normal[9] = new Image();
	normal[10] = new Image();
    normal[11] = new Image();
    normal[12] = new Image();
    normal[13] = new Image();
    normal[14] = new Image();
    
    // begin to preload the images.
    normal[0].src = "/images/news/workshops_events/normal/swarovski_01.jpg";
    normal[1].src = "/images/news/workshops_events/normal/swarovski_02.jpg";
    normal[2].src = "/images/news/workshops_events/normal/swarovski_03.jpg";
    normal[3].src = "/images/news/workshops_events/normal/swarovski_04.jpg";
    normal[4].src = "/images/news/workshops_events/normal/swarovski_05.jpg";
	normal[5].src = "/images/news/workshops_events/normal/harold_oconnor_01.jpg";
	normal[6].src = "/images/news/workshops_events/normal/harold_oconnor_02.jpg";
	normal[7].src = "/images/news/workshops_events/normal/harold_oconnor_03.jpg";
	normal[8].src = "/images/news/workshops_events/normal/harold_oconnor_04.jpg";
	normal[9].src = "/images/news/workshops_events/normal/harold_oconnor_05.jpg";
	normal[10].src = "/images/news/workshops_events/normal/swarovski2_01.jpg";
    normal[11].src = "/images/news/workshops_events/normal/swarovski2_02.jpg";
    normal[12].src = "/images/news/workshops_events/normal/swarovski2_03.jpg";
    normal[13].src = "/images/news/workshops_events/normal/swarovski2_04.jpg";
    normal[14].src = "/images/news/workshops_events/normal/swarovski2_05.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);
        
        // check to see whether its a mouse over or mouse out.
        if (event == "mouseover") {
            image.style.border = "solid 6px #B69462";
        	main.src = normal[index].src;
        } else if (event == "mouseout") {
            image.style.border = "solid 6px #FFFFFF";
			main.src = "/images/common/spacer.gif";
        }
    }
//-->