var bannerno = 1;

	var goto = 0;

	var sc1 = 0;

	var sc2 = 0;

	var sc3 = 0;

	var speed = 80;

	var intervalspeed = 10;

	var screenwidth = 1000;

	var autointerval = 0;
	
	var nob = 6;





	function scrollImage(){

		i = document.getElementById('scrollLeft').scrollLeft;



		bannerno = Math.round(i / screenwidth) + 1;

		if(bannerno == nob){

			bannerno = 1;

		}

		document.getElementById('link1').style.backgroundPosition = 'top left';
		document.getElementById('link2').style.backgroundPosition = 'top left';
		document.getElementById('link3').style.backgroundPosition = 'top left';
		document.getElementById('link4').style.backgroundPosition = 'top left';
		document.getElementById('link5').style.backgroundPosition = 'top left';

		document.getElementById('link'+bannerno).style.backgroundPosition = 'top right';

		if(i > goto){

			i-= speed;

			if(i % screenwidth < speed){

				i -= i % screenwidth;

			}

		} else if(i < goto){

			i+= speed;



			if(i % screenwidth < speed){

				i -= i % screenwidth;

			}



		} else {

			clearInterval(sc1); sc1 = 0;

			clearInterval(sc2); sc2 = 0;

			clearInterval(sc3); sc3 = 0;
		}

		



		document.getElementById('scrollLeft').scrollLeft = i;

		

	}



	//var screenwidth = typeof(window.innerWidth )== 'undefined' ? document.body.offsetWidth : window.innerWidth-24;

	//if(screenwidth % 2 != 0){

	//	screenwidth -= 1;

	//}



	function startImage(pos){





		if(pos == "next"){

			goto += screenwidth;

			bannerno += 1;

		} else if(pos == "prev"){

			goto -= screenwidth;

			bannerno -= 1;

		} else {

			goto = (pos-1) * screenwidth;

		}

		if(bannerno < 1){

			bannerno = nob;

		}



		if(bannerno > nob){

			bannerno = 1;

		}



		if(goto < 0){

			document.getElementById('scrollLeft').scrollLeft = document.getElementById('scrollLeft').scrollWidth;

			goto = document.getElementById('scrollLeft').scrollLeft - screenwidth;

		}

		if(goto >= document.getElementById('scrollLeft').scrollWidth){

			document.getElementById('scrollLeft').scrollLeft = 0;

			goto = screenwidth;

		}

		if(sc1 == 0){

			sc1 = setInterval(scrollImage, intervalspeed * 2);

			//setTimeout(function(){

			//	sc2 = setInterval(scrollImage, intervalspeed * 2);

			//}, 20); 



			//setTimeout(function(){

			//	sc3 = setInterval(scrollImage, intervalspeed * 2);

			//}, 80); 





		}

	}





	window.onload = function(){



		//sc2 = setInterval(scrollImage, 10);

		//sc3 = setInterval(scrollImage, 10);

		startAutoScroll();

		setWidths();





	}

	window.onresize = function(){

		setWidths();

		document.getElementById('scrollLeft').scrollLeft = 0;

		goto = 0;

		if(sc1){

			clearInterval(sc1); sc1 = 0;

			clearInterval(autointerval);

			autointerval = 0;

		}





	}



	function setWidths(){

		screenwidth = typeof(window.innerWidth )== 'undefined' ? document.body.offsetWidth : window.innerWidth - 24;

		//if(screenwidth % 2 != 0){

		//	screenwidth -= 1;

		//}



		document.getElementById('scrollLeft').style.width = screenwidth+"px";



		b = document.getElementById('bannerHolder').getElementsByTagName("div");



		document.getElementById('bannerHolder').style.width = (screenwidth * b.length) +"px";







		for(i=0; i < b.length; i++){

			

			b[i].style.width = ""+screenwidth+"px";

			b[i].style.display = "inline";



		}

		//alert(b[0].style.width);

	}





	function stopAutoScroll(){

		if(autointerval){

			clearInterval(autointerval);

			autointerval = 0;

		}

	}

	function startAutoScroll(){

		if(!autointerval){

			autointerval = setInterval("startImage('next')", 6000);

		}



	}