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

// set the following variables

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



// Set slideShowSpeed (milliseconds)

var slideShowSpeed = 5000



// Duration of crossfade (seconds)

var crossFadeDuration = 1



// 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] = 'image/bnr_main1.jpg'

Pic[1] = 'image/bnr_main2.jpg'

Pic[2] = 'image/bnr_main3.jpg'

Pic[3] = 'image/bnr_main4.jpg'

Pic[4] = 'image/bnr_main5.jpg'


// edit the link and the location of the image mapping below according to the picture sequence 
//Link 1
var Pic_1_URL_1 = 'javascript://'
var Pic_1_HotSpot_1 = "187,132,464,199"

var Pic_2_URL_1 = 'javascript://'
var Pic_2_HotSpot_1 = "316,36,464,120"

var Pic_3_URL_1 = 'javascript://'
var Pic_3_HotSpot_1 = "316,36,464,120"

var Pic_4_URL_1 = 'javascript://'
var Pic_4_HotSpot_1 = "316,36,464,120"

var Pic_5_URL_1 = 'javascript://'
var Pic_5_HotSpot_1 = "316,36,464,120"
	
	
//Link 2
var Pic_1_URL_2 = ''
var Pic_1_HotSpot_2 = "0,0,0,0"

var Pic_2_URL_2 = 'javascript://'
var Pic_2_HotSpot_2 = "316,121,464,215"

var Pic_3_URL_2 = 'javascript://'
var Pic_3_HotSpot_2 = "316,121,464,215"

var Pic_4_URL_2 = 'javascript://'
var Pic_4_HotSpot_2 = "316,121,464,215"

var Pic_5_URL_2 = 'javascript://'
var Pic_5_HotSpot_2 = "316,121,464,215"





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

// do not edit anything below this line

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



var t

var j = 0

var p = Pic.length



var preLoad = new Array()

for (i = 0; i < p; i++){

   preLoad[i] = new Image()

   preLoad[i].src = Pic[i]

}



function runSlideShow(){
	
   //change image map coordination
   
   
   if (document.all){

      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
   
   changeCoord()
   
   setTimeout('runSlideShow()', slideShowSpeed)

}

function clickTab(x){
	
	//for nescape and other browser
	if (document.getElementById && !document.all){
		if (x == pg1){
			document.images.SlideShow.src = preLoad[0].src
			changeCoord()
			j = 1
		}
		if (x == pg2){
			document.images.SlideShow.src = preLoad[1].src
			changeCoord()
			j = 1
		}
		if (x == pg3){
			document.images.SlideShow.src = preLoad[2].src
			changeCoord()
			j = 1
		}
		
		if (x == pg4){
			document.images.SlideShow.src = preLoad[3].src
			changeCoord()
			j = 1
		}
		if (x == pg5){
			document.images.SlideShow.src = preLoad[4].src
			changeCoord()
			j = 1
		}
	}
	
	//for ns 4
	if (document.layers){
		if (x == pg1){
			document.images.SlideShow.src = preLoad[0].src
			changeCoord()
			j = 1
		}
		if (x == pg2){
			document.images.SlideShow.src = preLoad[1].src
			changeCoord()
			j = 1
		}
		if (x == pg3){
			
			document.images.SlideShow.src = preLoad[2].src
			changeCoord()
			j = 1
		}
		if (x == pg4){
			
			document.images.SlideShow.src = preLoad[3].src
			changeCoord()
			j = 1
		}
	      if (x == pg5){
			
			document.images.SlideShow.src = preLoad[4].src
			changeCoord()
			j = 1
		}
	}
	
	//for opera
	if (window.opera){
	//code
	}
	
	//for ie 4+
	if (document.all){
		if (x == pg1){
			document.images.SlideShow.filters.blendTrans.Apply()
			document.images.SlideShow.src = preLoad[0].src
			document.images.SlideShow.filters.blendTrans.Play()
			changeCoord()
			j = 0
		}
		if (x == pg2){
			document.images.SlideShow.filters.blendTrans.Apply()
			document.images.SlideShow.src = preLoad[1].src
			document.images.SlideShow.filters.blendTrans.Play()
			changeCoord()
			j = 1
		}
		if (x == pg3){
			document.images.SlideShow.filters.blendTrans.Apply()
			document.images.SlideShow.src = preLoad[2].src
			document.images.SlideShow.filters.blendTrans.Play()
			changeCoord()
			j = 2
		}
		if (x == pg4){
			document.images.SlideShow.filters.blendTrans.Apply()
			document.images.SlideShow.src = preLoad[3].src
			document.images.SlideShow.filters.blendTrans.Play()
			changeCoord()
			j = 3
		}
		if (x == pg5){
			document.images.SlideShow.filters.blendTrans.Apply()
			document.images.SlideShow.src = preLoad[4].src
			document.images.SlideShow.filters.blendTrans.Play()
			changeCoord()
			j = 4
		}
	}
	
}

function clickPic(a){
	if (a == url1){
		if (document.images.SlideShow.src == preLoad[0].src){
			window.location.href = Pic_1_URL_1
		
		}
		if (document.images.SlideShow.src == preLoad[1].src){
			window.location.href = Pic_2_URL_1
		
		}
		if (document.images.SlideShow.src == preLoad[2].src){
			window.location.href = Pic_3_URL_1;
		
		}
		if (document.images.SlideShow.src == preLoad[3].src){
			window.location.href = Pic_4_URL_1;
		
		}
		if (document.images.SlideShow.src == preLoad[4].src){
			window.location.href = Pic_5_URL_1;
		
		}
	}
	if (a == url2){
		if (document.images.SlideShow.src == preLoad[0].src){
			window.open (Pic_1_URL_2,"mywindow1");
		
		}
		if (document.images.SlideShow.src == preLoad[1].src){
			window.open (Pic_2_URL_2,"mywindow2");
		
		}
		if (document.images.SlideShow.src == preLoad[2].src){
			window.open (Pic_3_URL_2,"mywindow3");
		
		}
		if (document.images.SlideShow.src == preLoad[3].src){
			window.open (Pic_4_URL_2,"mywindow4");
		
		}
		if (document.images.SlideShow.src == preLoad[4].src){
			window.open (Pic_5_URL_2,"mywindow5");
		
		}
	}		
	//Example for edit the popup window
	//window.open ("http://www.javascript-coder.com","mywindow","location=1,status=1,scrollbars=1, width=100,height=100"); 
}
function changeCoord()
{
	if (document.images.SlideShow.src == preLoad[0].src){
		document.getElementById('url1').coords=Pic_1_HotSpot_1;
		document.getElementById('url2').coords=Pic_1_HotSpot_2;
	}
	if (document.images.SlideShow.src == preLoad[1].src){
		document.getElementById('url1').coords=Pic_2_HotSpot_1;
		document.getElementById('url2').coords=Pic_2_HotSpot_2;
	}
	if (document.images.SlideShow.src == preLoad[2].src){
		document.getElementById('url1').coords=Pic_3_HotSpot_1;
		document.getElementById('url2').coords=Pic_3_HotSpot_2;
	
	}
		if (document.images.SlideShow.src == preLoad[3].src){
		document.getElementById('url1').coords=Pic_4_HotSpot_1;
		document.getElementById('url2').coords=Pic_4_HotSpot_2;
	
	}
		if (document.images.SlideShow.src == preLoad[4].src){
		document.getElementById('url1').coords=Pic_5_HotSpot_1;
		document.getElementById('url2').coords=Pic_5_HotSpot_2;
	
	}
}