// 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];}}
}

var NumberOfImages;
var img;
var desc;

function initFlipper(imglist, desclist) {
	img = imglist.split('|');
	desc = desclist.split('|');
	NumberOfImages = img.length;
}
// Function to change main image with prev and next.
var imgNumber = 0

function setmainimage()
{
    document.images["mainimage"].src = img[imgNumber]
    document.getElementById("imagecaption").innerHTML = desc[imgNumber] + '&nbsp;';
}

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();
}