// JavaScript Document
//Global variables
var banners = new Array();//This array will store all images

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000

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

function handleXML(xmlDoc) {
	
	//Get total number of banners
	num = xmlDoc.getElementsByTagName("banners")[0].childNodes.length;
	
	
	
	//loop through banner elements
	for (i = 0; i< num ; i++) {
		
		//Add image name to banners array
		banner = xmlDoc.getElementsByTagName("banner")[i].firstChild.nodeValue
		banners.push(banner);
		
	}
	
	
	
	p = banners.length;
	
	for (i = 0; i < p; i++){
		 preLoad[i] = new Image();
   		preLoad[i].src = "/images/template/main_banner/" + banners[i];
   
	}
	
	//Start timer so that the banner will swapped automatically
	t = setTimeout('runSlideShow()', slideShowSpeed);
	
	
}


var t;
var j = 1;
var p;

//Preload images
var preLoad = new Array();



function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter = "blendTrans(duration=2)";
      document.images.SlideShow.style.filter = "blendTrans(duration=crossFadeDuration)";
      document.images.SlideShow.filters.blendTrans.Apply(); 
   }
   
   document.images.SlideShow.src = preLoad[j].src;
   
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play();
   }
   
   j = j + 1;
   
   if (j > (p-1)) {
	   j=0;
   }
   t = setTimeout('runSlideShow()', slideShowSpeed);
}