// JavaScript Document


var currentLeftIndex = 0;
var isLockSlide = false;
function slideImage(action){
	if(!isLockSlide){
		isLockSlide = true;
		var size = 1;
		var imgList = document.getElementById("rollingBannerImageId").value
		var urlList = document.getElementById("rollingBannerUrlId").value
		var textList = document.getElementById("rollingBannerTextId").value
		
		//var imgs = new Array( 'v3/images/banner3-en.jpg' , 'v3/images/banner4-en.jpg', 'v3/images/banner2-en.jpg' );
		//var urls = new Array( 'http://www.yahoo.com.hk' , 'http://www.google.com.hk', 'http://www.bbc.com' );
		
		var imgs = imgList.split(",")
		var urls = urlList.split(",")
		var texts = textList.split(",")
		if(action=='left'){
			currentLeftIndex = currentLeftIndex - 1;
			if( (currentLeftIndex + size) < 1 ){
				currentLeftIndex = imgs.length-1;
			}
			var index = currentLeftIndex;
			for(var i=0 ; i<size ; i++){
				var id = 'img' + i;
				document.getElementById(id).src = imgs[index];
				document.getElementById(id).alt = texts[index];
				//alert(document.getElementById("rollingBannerUrl").href);
				//alert(urls[index]);
				document.getElementById("rollingBannerUrl").href = urls[index];

				//alert(document.getElementById("rollingBannerUrl").href);
				index++;
			}
		}else if(action=='right'){
			currentLeftIndex = currentLeftIndex + 1;
			if( (currentLeftIndex + size) > imgs.length ){
				currentLeftIndex = 0;
			}
			var index = currentLeftIndex;
			for(var i=0 ; i<size ; i++){
				var id = 'img' + i;
				document.getElementById(id).src = imgs[index];
				document.getElementById(id).alt = texts[index];
				//alert(document.getElementById("rollingBannerUrl").href);
				//alert(urls[index]);
				document.getElementById("rollingBannerUrl").href = urls[index];
				index++;
			}
		}
		isLockSlide = false;
	}
}

function scrollSlideImage(){
	if(!isLockSlide){
		isLockSlide = true;
		var size = 1;
		var imgList = document.getElementById("rollingBannerImageId").value
		var urlList = document.getElementById("rollingBannerUrlId").value
		var textList = document.getElementById("rollingBannerTextId").value
		
		var imgs = imgList.split(",")
		var urls = urlList.split(",")
		var texts = textList.split(",")
		currentLeftIndex = currentLeftIndex + 1;
		if( (currentLeftIndex + size) > imgs.length ){
			currentLeftIndex = 0;
		}
		var index = currentLeftIndex;
		for(var i=0 ; i<size ; i++){
			var id = 'img' + i;
			document.getElementById(id).src = imgs[index];
			document.getElementById(id).alt = texts[index];
			document.getElementById("rollingBannerUrl").href = urls[index];
			index++;
		}
		isLockSlide = false;
	}
	setTimeout("scrollSlideImage()",5000)
}