// 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 NumberOfImages2 = 14



var img2 = new Array(NumberOfImages2)

	img2[0] = "images/green/both_001.jpg"

	img2[1] = "images/green/both_002.jpg"

	img2[2] = "images/green/both_003.jpg"

	img2[3] = "images/green/both_004.jpg"

	img2[4] = "images/green/both_005.jpg"

	img2[5] = "images/green/both_006.jpg"

	img2[6] = "images/green/both_007.jpg"

	img2[7] = "images/green/both_008.jpg"

	img2[8] = "images/green/both_009.jpg"

	img2[9] = "images/green/both_010.jpg"

	img2[10] = "images/green/both_011.jpg"

	img2[11] = "images/green/both_012.jpg"

	img2[12] = "images/green/both_013.jpg"

	img2[13] = "images/green/both_014.jpg"



var imgNumber2 = 0



function setmainimage2()

{

    document.images["mainimage2"].src = img2[imgNumber2]

}



function nextimage2()

{

    imgNumber2++

    if (imgNumber2 == NumberOfImages2)

        imgNumber2 = 0

    var current2 = "";

    if(imgNumber2 <= 9) {

    	current2 = document.getElementById("image20" + imgNumber2);

    }

    else {

    	current2 = document.getElementById("image2" + imgNumber2);

    }

    clearcircles2();

    current2.src = 'images/circle_selected.jpg'; 

   	document.getElementById('mainimage2').src = 'images/green/both_placeholder.gif';

   	img2[imgNumber2].onload = setmainimage2();

}



function previousimage2()

{

    imgNumber2--

    if (imgNumber2 < 0)

        imgNumber2 = NumberOfImages2 - 1

    var current2 = "";

    if(imgNumber2 <= 9) {

	current2 = document.getElementById("image20" + imgNumber2);

    }

    else {

    	current2 = document.getElementById("image2" + imgNumber2);

    }

    clearcircles2();

    current2.src = 'images/circle_selected.jpg'; 

    document.getElementById('mainimage2').src = 'images/green/both_placeholder.gif';

   	img2[imgNumber2].onload = setmainimage2();

}



// Function to change main image with circle buttons.



function flipper2(thing) { 

	imgNumber2 = thing;

	if(imgNumber2 <= 9) {

		clicked2 = document.getElementById("image20" + thing); 

 	}

	else {

		clicked2 = document.getElementById("image2" + thing); 

	}

 	clearcircles2();         

           

   	clicked2.src = 'images/circle_selected.jpg';

     	document.getElementById('mainimage2').src = 'images/green/both_placeholder.gif';

   	img2[imgNumber2].onload = setmainimage2();

}



function clearcircles2() {

	for(var i=0; i<=13; i++) {  

		var circleoff2 = "";

		if(i <= 9) {

			circleoff2 = document.getElementById("image20" + i); 

		}

		else {

			circleoff2 = document.getElementById("image2" + i); 

		}

		circleoff2.src = 'images/circle_off.jpg'; 

  	} 

}



// Function for rollovers. 



if (document.images) {

            image200on = new Image();      

            image200on.src = "images/circle1_on.jpg"; 

            image201on = new Image();      

            image201on.src = "images/circle1_on.jpg"; 

            image202on = new Image(); 

            image202on.src = "images/circle1_on.jpg";  

            image203on = new Image();

            image203on.src = "images/circle1_on.jpg";

            image204on = new Image();

            image204on.src = "images/circle1_on.jpg";

            image205on = new Image();

            image205on.src = "images/circle1_on.jpg";

            image206on = new Image();

            image206on.src = "images/circle1_on.jpg";

            image207on = new Image();

            image207on.src = "images/circle1_on.jpg";

            image208on = new Image();

            image208on.src = "images/circle1_on.jpg";

            image209on = new Image();

            image209on.src = "images/circle1_on.jpg";

            image210on = new Image();

            image210on.src = "images/circle1_on.jpg";

            image211on = new Image();

            image211on.src = "images/circle1_on.jpg";

            image212on = new Image();

            image212on.src = "images/circle1_on.jpg";

            image213on = new Image();

            image213on.src = "images/circle1_on.jpg";

            prevon2 = new Image();

            prevon2.src = "images/prev_on.jpg";

            nexton2 = new Image();

            nexton2.src = "images/next_on.jpg";

            

            image200off = new Image();      

            image200off.src = "images/circle_off.jpg"; 

            image201off = new Image();      

            image201off.src = "images/circle_off.jpg"; 

            image202off = new Image(); 

            image202off.src = "images/circle_off.jpg";  

            image203off = new Image();

            image203off.src = "images/circle_off.jpg";

            image204off = new Image();

            image204off.src = "images/circle_off.jpg";

            image205off = new Image();

            image205off.src = "images/circle_off.jpg";

            image206off = new Image();

            image206off.src = "images/circle_off.jpg";

            image207off = new Image();

            image207off.src = "images/circle_off.jpg";

            image208off = new Image();

            image208off.src = "images/circle_off.jpg";

            image209off = new Image();

            image209off.src = "images/circle_off.jpg";

            image210off = new Image();

            image210off.src = "images/circle_off.jpg";

            image211off = new Image();

            image211off.src = "images/circle_off.jpg";

            image212off = new Image();

            image212off.src = "images/circle_off.jpg";

            image213off = new Image();

            image213off.src = "images/circle_off.jpg";

            prevoff2 = new Image();

            prevoff2.src = "images/prev_off.jpg";

            nextoff2 = new Image();

            nextoff2.src = "images/next_off.jpg";            

		}

		

// Function to activate rollovers.

         

function rolloverOn2(imgName) {

        if (document.images2) {

            document[imgName].src = eval(imgName + "on.src");

            var clicked2 = document.getElementById("image2" + imgNumber2);

            clicked2.src = 'images/circle_selected.jpg'; 

            

        }

}

         

// Function to deactivate rollovers.

         

function rolloverOff2(imgName) {

        if (document.images2) {

            document[imgName].src = eval(imgName + "off.src");

            var clicked2 = document.getElementById("image2" + imgNumber2);

            clicked2.src = 'images/circle_selected.jpg'; 

        }

}