//===========================================================
//Script:   JavaScript Cross-Browser SlideShow Script
//          With Cross-Fade Effect between Images
//          Adjustable Timing and Unlimited Images
//Function: Displays images continuously in a slideshow
//          presentation format, with a fade effect on
//          image transitions.
//Browsers: All common browsers: NS3-6, IE 4-6
//          Fade effect only in IE; others degrade gracefully
//Author:   etLux
//===========================================================

//Step 1.
//Put the following script in the head of your page:

//<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000

// Duration of crossfade (seconds)
var crossFadeDuration = 2

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'studiopics/n763724177_1212010_7395.jpg'
Pic[1] = 'studiopics/n763724177_1212012_8036.jpg'
Pic[2] = 'studiopics/n763724177_1212018_99.jpg'
Pic[3] = 'studiopics/n763724177_1212019_398.jpg'
Pic[4] = 'studiopics/n763724177_1212015_9191.jpg'
Pic[5] = 'studiopics/n763724177_1212016_9490.jpg'
Pic[6] = 'studiopics/n763724177_1212020_690.jpg'
Pic[7] = 'studiopics/n763724177_1389397_735728.jpg'
Pic[8] = 'studiopics/n763724177_1389400_216871.jpg'
Pic[9] = 'studiopics/n763724177_1389402_1815219.jpg'
//Pic[10] = ''
//Pic[11] = ''
//Pic[12] = ''

var Height = new Array()

Height[0] = 405
Height[1] = 405
Height[2] = 402
Height[3] = 405
Height[4] = 402
Height[5] = 405
Height[6] = 405
Height[7] = 604
Height[8] = 340
Height[9] = 453
//Height[10] = 0
//Height[11] = 0
//Height[12] = 0

var Width = new Array()

Width[0] = 604
Width[1] = 604
Width[2] = 604
Width[3] = 604
Width[4] = 604
Width[5] = 604
Width[6] = 604
Width[7] = 453
Width[8] = 604
Width[9] = 604
//Width[10] = 0
//Width[11] = 0
//Width[12] = 0

var Url = new Array() // addendum to allow links to follow the slideshow, too!

Url[0] = 'index.php'
Url[1] = 'index.php'
Url[2] = 'index.php'
Url[3] = 'index.php'
Url[4] = 'index.php'
Url[5] = 'index.php'
Url[6] = 'index.php'
Url[7] = 'index.php'
Url[8] = 'index.php'
Url[9] = 'index.php'
//Url[10] = 'index.php'
//Url[11] = 'index.php'
//Url[12] = 'index.php'

var Title = new Array()

Title[0] = 'AudioSFX picture 1'
Title[1] = 'AudioSFX picture 2'
Title[2] = 'AudioSFX picture 3'
Title[3] = 'AudioSFX picture 4'
Title[4] = 'AudioSFX picture 5'
Title[5] = 'AudioSFX picture 6'
Title[6] = 'AudioSFX picture 7'
Title[7] = 'AudioSFX picture 8'
Title[8] = 'AudioSFX picture 9'
Title[9] = 'AudioSFX picture 10'
//Title[10] = 'caption'
//Title[11] = 'caption'
//Title[12] = 'caption'

// =======================================
// do not edit anything below this line
// =======================================

var tss;
var jss = randomWholeNumber(0, Pic.length - 1);
var pss = Pic.length;

var preLoad = new Array();
for (iss = 0; iss < pss; iss++){
   preLoad[iss] = new Image();
   preLoad[iss].src = Pic[iss];
   preLoad[iss].height = Height[iss];
   preLoad[iss].width = Width[iss];
}

function runSlideShow(){
   var myIDObj = document.getElementById('indexPics');
   var mySlideShowObj = document.images.SlideShow;
	
   if (document.all){
      mySlideShowObj.style.filter="blendTrans(duration=2)";
      mySlideShowObj.style.filter="blendTrans(duration=crossFadeDuration)";
      mySlideShowObj.filters.blendTrans.Apply();
   }
   mySlideShowObj.src = preLoad[jss].src;
   mySlideShowObj.height = preLoad[jss].height;
   mySlideShowObj.width = preLoad[jss].width;
   myIDObj.src = Url[jss];
   myIDObj.title = Title[jss];

   if (document.all){
      mySlideShowObj.filters.blendTrans.Play();
   }
   jss = randomWholeNumber(0,Pic.length - 1);
   if (jss > (pss - 1))
		jss = 0;
   tss = setTimeout('runSlideShow()', slideShowSpeed);
}

function randomWholeNumber(nLower, nUpper) {
	var rnd = nLower + (nUpper - nLower + 1) * Math.random();
	return Math.floor(rnd);
}

//</script>

//===========================================================

//Step 2.
//Put this onload event call in your body tag:
  
//<body onload="runSlideShow()">  

//===========================================================

//Step 3.
//Put this in the body of your page where you want the 
//slide show to appear.  

//Set widths and heights same as images
//Set image file same as first image in array Pic[] (above)

//<table border="0" cellpadding="0" cellspacing="0">
//<tr>
//<td id="VU" height=150 width=150>
//<img src="1.jpg" name='SlideShow' width=150 height=150></td>
//</tr>
//</table>

//===========================================================