// Function to preload images.

function preloadImages() {
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}

// Function to change main image with prev and next.

var NumberOfImages = 12

var img = new Array(NumberOfImages)
	img[0] = "plaquemine/000.jpg"
	img[1] = "plaquemine/001.jpg"
	img[2] = "plaquemine/002.jpg"
	img[3] = "plaquemine/003.jpg"
	img[4] = "plaquemine/004.jpg"
	img[5] = "plaquemine/005.jpg"
	img[6] = "plaquemine/006.jpg"
	img[7] = "plaquemine/007.jpg"
	img[8] = "plaquemine/008.jpg"
	img[9] = "plaquemine/009.jpg"
	img[10] = "plaquemine/010.jpg"
	img[11] = "plaquemine/011.jpg"
	
var imgNumber = 0

function setmainimage()
{
    document.images["mainimage"].src = img[imgNumber]
}

function nextimage()
{
    imgNumber++
    if (imgNumber == NumberOfImages)
        imgNumber = 0
    var current = document.getElementById("image" + imgNumber);
    clearcircles();
    current.src = 'images/circle_selected.jpg'; 
   	document.getElementById('mainimage').src = 'images/placeholder.gif';
   	img[imgNumber].onload = setmainimage();
}

function previousimage()
{
    imgNumber--
    if (imgNumber < 0)
        imgNumber = NumberOfImages - 1
    var current = document.getElementById("image" + imgNumber);
    clearcircles();
    current.src = 'images/circle_selected.jpg'; 
    document.getElementById('mainimage').src = 'images/placeholder.gif';
   	img[imgNumber].onload = setmainimage();
}

// Function to change main image with circle buttons.

function flipper(thing) { 
	 imgNumber = thing;
     var clicked = document.getElementById("image" + thing); 
 
 		clearcircles();         
           
   	 clicked.src = 'images/circle_selected.jpg';
     document.getElementById('mainimage').src = 'images/placeholder.gif';
   	 img[imgNumber].onload = setmainimage();
}

function clearcircles() {
	for(var i=0; i<=11; i++) {  
       var circleoff = document.getElementById("image" + i); 
			 circleoff.src = 'images/circle_off.jpg'; 
  } 
}

// Function for rollovers. 

if (document.images) {
            image0on = new Image();      
            image0on.src = "images/circle1_on.jpg"; 
            image1on = new Image();      
            image1on.src = "images/circle1_on.jpg"; 
            image2on = new Image(); 
            image2on.src = "images/circle1_on.jpg";  
            image3on = new Image();
            image3on.src = "images/circle1_on.jpg";
            image4on = new Image();
            image4on.src = "images/circle1_on.jpg";
            image5on = new Image();
            image5on.src = "images/circle1_on.jpg";
            image6on = new Image();
            image6on.src = "images/circle1_on.jpg";
            image7on = new Image();
            image7on.src = "images/circle1_on.jpg";
            image8on = new Image();
            image8on.src = "images/circle1_on.jpg";
            image9on = new Image();
            image9on.src = "images/circle1_on.jpg";
            image10on = new Image();
            image10on.src = "images/circle1_on.jpg";
            image11on = new Image();
            image11on.src = "images/circle1_on.jpg";

            prevon = new Image();
            prevon.src = "images/prev_on.jpg";
            nexton = new Image();
            nexton.src = "images/next_on.jpg";
            
            image0off = new Image();      
            image0off.src = "images/circle_off.jpg"; 
            image1off = new Image();      
            image1off.src = "images/circle_off.jpg"; 
            image2off = new Image(); 
            image2off.src = "images/circle_off.jpg";  
            image3off = new Image();
            image3off.src = "images/circle_off.jpg";
            image4off = new Image();
            image4off.src = "images/circle_off.jpg";
            image5off = new Image();
            image5off.src = "images/circle_off.jpg";
            image6off = new Image();
            image6off.src = "images/circle_off.jpg";
            image7off = new Image();
            image7off.src = "images/circle_off.jpg";
            image8off = new Image();
            image8off.src = "images/circle_off.jpg";
            image9off = new Image();
            image9off.src = "images/circle_off.jpg";
            image10off = new Image();
            image10off.src = "images/circle_off.jpg";
            image11off = new Image();
            image11off.src = "images/circle_off.jpg";

            prevoff = new Image();
            prevoff.src = "images/prev_off.jpg";
            nextoff = new Image();
            nextoff.src = "images/next_off.jpg";            
		}
		
// Function to activate rollovers.
         
function rolloverOn(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "on.src");
            var clicked = document.getElementById("image" + imgNumber);
            clicked.src = 'images/circle_selected.jpg'; 
            
        }
}
         
// Function to deactivate rollovers.
         
function rolloverOff(imgName) {
        if (document.images) {
            document[imgName].src = eval(imgName + "off.src");
            var clicked = document.getElementById("image" + imgNumber);
            clicked.src = 'images/circle_selected.jpg'; 
        }
}