///////configure the below four variables to change the style of the slider///////
//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
var scrollerwidth='205px'
var scrollerheight='470px';
var scrollerbgcolor='#f3f7fa'
var pausebetweenimages=4000

var slideimages=new Array()

slideimages[0]='banner-slide1';
slideimages[1]='banner-slide2';
slideimages[2]='banner-slide3';
slideimages[3]='banner-slide4';
slideimages[4]='banner-slide5';

///////Do not edit pass this line///////////////////////
var i, tdiv, tdiv2, scrollerdiv1, scrollerdiv2;
     
var ie=document.all
var dom=document.getElementById

//if (slideimages.length>1){
//	i=2
//}else{
	i=0
//}

function move3(whichdiv){
	tdiv=eval(whichdiv)
	if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5){
		tdiv.style.left=0+"px"
		setTimeout("move3(tdiv)",pausebetweenimages)
		setTimeout("move4(scrollerdiv2)",pausebetweenimages)
		return
	}
	if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1){
		tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
		setTimeout("move3(tdiv)",20)
	}else{
		tdiv.style.left=scrollerwidth
		tdiv.innerHTML=document.getElementById(slideimages[i]).innerHTML
		if (i==slideimages.length-1)
			i=0
		else
			i++
	}
}



function move4(whichdiv){
	tdiv2=eval(whichdiv)
	if (parseInt(tdiv2.style.left)>0&&parseInt(tdiv2.style.left)<=5){
		tdiv2.style.left=0+"px"
		setTimeout("move4(tdiv2)",pausebetweenimages)
		setTimeout("move3(scrollerdiv1)",pausebetweenimages)
		return
	}
	if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1){
		tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
		setTimeout("move4(scrollerdiv2)",20)
	}else{
		tdiv2.style.left=scrollerwidth
		tdiv2.innerHTML=document.getElementById(slideimages[i]).innerHTML
		if (i==slideimages.length-1)
			i=0
		else
			i++
	}
}

function startscroll(){
	if (slideimages.length>1){

	//i=slideimages.length-1
	i=2
	}else{
	i=0
	}
	if (ie||dom){
		document.getElementById(slideimages[0]).style.display = 'none';
		tdiv = document.getElementById('sliderfirst');
		tdiv.innerHTML=document.getElementById(slideimages[0]).innerHTML
		tdiv = document.getElementById('slidersecond');
		tdiv.innerHTML=document.getElementById(slideimages[1]).innerHTML
		scrollerdiv1=ie? sliderfirst : document.getElementById("sliderfirst")
		scrollerdiv2=ie? slidersecond : document.getElementById("slidersecond")
		move3(scrollerdiv1)
		scrollerdiv2.style.left=scrollerwidth
	}
}