// 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 NumberOfImages3 = 7



var img3 = new Array(NumberOfImages3)

	img3[0] = "images/models/animated.gif"

	img3[1] = "images/models/models1.jpg"

	img3[2] = "images/models/models2.jpg"

	img3[3] = "images/models/models3.jpg"

	img3[4] = "images/models/models4.jpg"

	img3[5] = "images/models/models5.jpg"

	img3[6] = "images/models/models6.jpg"



var imgNumber3 = 0



function setmainimage3()

{

    document.images["mainimage3"].src = img3[imgNumber3]

}



function nextimage3()

{

    imgNumber3++

    if (imgNumber3 == NumberOfImages3)

        imgNumber3 = 0

    var current3 = document.getElementById("image3" + imgNumber3);

    clearcircles3();

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

   	document.getElementById('mainimage3').src = 'images/models/models_placeholder.gif';

   	img3[imgNumber3].onload = setmainimage3();

}



function previousimage3()

{

    imgNumber3--

    if (imgNumber3 < 0)

        imgNumber3 = NumberOfImages3 - 1

    var current3 = document.getElementById("image3" + imgNumber3);

    clearcircles3();

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

    document.getElementById('mainimage3').src = 'images/models/models_placeholder.gif';

   	img3[imgNumber3].onload = setmainimage3();

}



// Function to change main image with circle buttons.



function flipper3(thing) { 

	 imgNumber3 = thing;

     var clicked3 = document.getElementById("image3" + thing); 

 

 		clearcircles3();         

           

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

     document.getElementById('mainimage3').src = 'images/models/models_placeholder.gif';

   	 img3[imgNumber3].onload = setmainimage3();

}



function clearcircles3() {

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

       var circleoff3 = document.getElementById("image3" + i); 

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

  } 

}



// Function for rollovers. 



if (document.images) {

            image30on = new Image();      

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

            image31on = new Image();      

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

            image32on = new Image(); 

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

            image33on = new Image();

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

            image34on = new Image();

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

            image35on = new Image();

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

            image36on = new Image();

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

            prevon3 = new Image();

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

            nexton3 = new Image();

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

            

            image30off = new Image();      

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

            image31off = new Image();      

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

            image32off = new Image(); 

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

            image33off = new Image();

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

            image34off = new Image();

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

            image35off = new Image();

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

            image36off = new Image();

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

            prevoff3 = new Image();

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

            nextoff3 = new Image();

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

		}

		

// Function to activate rollovers.

         

function rolloverOn3(imgName) {

        if (document.images3) {

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

            var clicked3 = document.getElementById("image" + imgNumber3);

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

            

        }

}

         

// Function to deactivate rollovers.

         

function rolloverOff3(imgName) {

        if (document.images3) {

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

            var clicked3 = document.getElementById("image3" + imgNumber3);

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

        }

}