<!--
/*********************************
* author@TechSystems.com *
* http://www.portaldepot.net *
* management@techsystemsltd.com *
* (c)TechSystems.com 2005 *
* All Rights Reserved. *
*********************************/

//Step 1: Set number of urlArray, increase number to
// the number of images you want to display.

var urlArray = new Array(7); 

// Make sure these numbers are the same.
//Step 2: Set number of slideArray, to the number of 
// images you display.

var slideArray = new Array(7);
var slideNo = 1;

//Step 3: If you want to hyperlink each image. Put your
// initial URL here.
// If you don't hyperlink each image put "#" in place of the URL.

var url = "#";

//Step 4: If you hyperlink each image put in all the URL's below.

urlArray[0] = "#";
urlArray[1] = "#";
urlArray[2] = "#";
urlArray[3] = "#";
urlArray[4] = "#";
urlArray[5] = "#";
urlArray[6] = "#";


//STEP 5: Input the source of each image,
// and change Image Size to Your Requirements.
// All Images must be the same size.
// For a smoother load, your actual images should be the same
// size as the display sizes below.

slideArray[0] = new Image(384, 288);
slideArray[0].src = "slideshow/rotate_1.jpg";
slideArray[1] = new Image(384, 288);
slideArray[1].src = "slideshow/rotate_2.jpg";
slideArray[2] = new Image(384, 288);
slideArray[2].src = "slideshow/rotate_3.jpg";
slideArray[3] = new Image(384, 288);
slideArray[3].src = "slideshow/rotate_4.jpg";
slideArray[4] = new Image(384, 288);
slideArray[4].src = "slideshow/rotate_5.jpg";
slideArray[5] = new Image(384, 288);
slideArray[5].src = "slideshow/rotate_6.jpg";
slideArray[6] = new Image(384, 288);
slideArray[6].src = "slideshow/rotate_7.jpg";


function changeSlide(){

// This section rotates the images for all IE browsers.

if (navigator.appName == "Microsoft Internet Explorer"){

//Step 6: If you display more or less images than 4,change the
// 4 to the total number of images you want to display.

if (slideNo < 7){

switch(slideNo){

//Step 7: case 0: contains the first image that will be displayed.
// For each case, input the Image size and source and any style attribute changes.
// Be sure to input the same size for all images. For smoother loading, your original images
// should be the same size as the displayed image size. 
// If you want to hyperlink each image, in the <a href="#" target="blank"> replace # with a URL.
// You can remove the hyperlinks, if you have no intension to hyperlink the images.
// If you have more than 4 images, add a case and all its statements for each addition.
// If you have less images then 4 to display, remove the extra cases and their elements.

case 0:
slidePres.filters[0].Apply();
slidePres.innerHTML = '<img src="slideshow/rotate_1.jpg" height="288" width="384" style="border: 0px solid black;"/>';
slidePres.filters[0].Play();
slideNo++;
break;

case 1:
slidePres.filters[0].Apply();
slidePres.innerHTML = '<img src="slideshow/rotate_2.jpg" height="288" width="384" style="border: 0px solid black;"/>';
slidePres.filters[0].Play();
slideNo++;
break;

case 2:
slidePres.filters[0].Apply();
slidePres.innerHTML = '<img src="slideshow/rotate_3.jpg" height="288" width="384" style="border: 0px solid black;"/>';
slidePres.filters[0].Play();
slideNo++;
break;

case 3:
slidePres.filters[0].Apply();
slidePres.innerHTML = '<img src="slideshow/rotate_4.jpg" height="288" width="384" style="border: 0px solid black;"/>';
slidePres.filters[0].Play();
slideNo++;
break;

case 4:
slidePres.filters[0].Apply();
slidePres.innerHTML = '<img src="slideshow/rotate_5.jpg" height="288" width="384" style="border: 0px solid black;"/>';
slidePres.filters[0].Play();
slideNo++;
break;

case 5:
slidePres.filters[0].Apply();
slidePres.innerHTML = '<img src="slideshow/rotate_6.jpg" height="288" width="384" style="border: 0px solid black;"/>';
slidePres.filters[0].Play();
slideNo++;
break;

case 6:
slidePres.filters[0].Apply();
slidePres.innerHTML = '<img src="slideshow/rotate_7.jpg" height="288" width="384" style="border: 0px solid black;"/>';
slidePres.filters[0].Play();
slideNo = 0;
break;



}
}
}
// This section changes the images for all other browsers.
else { 

var slideArrayLength = slideArray.length-1; 
if(slideNo > slideArrayLength) slideNo = 0;

document.sP.src = slideArray[slideNo].src;
url = urlArray[slideNo];
slideNo++;
}
}

//Step 8: Change the speed as necessary, 6000 = 6 seconds.

var speed = window.setInterval("changeSlide()",4000);

-->
