// JavaScript Document

function doScrollLeft()
{
	var list = document.getElementById('center-tout-footer');
	
	if(list) {
		var list_items = list.getElementsByTagName('li');
		
		var tout = document.getElementById('center-tout');
		
		for(var j = 0; j < list_items.length; j++){
		
			   if(list_items[j].className == "ctf-on") {
			    
			    list_items[j].className = 'ctf-off';
				
			 	if(j != (list_items.length - 1)){
					list_items[j + 1].className = 'ctf-on';
					tout.scrollLeft = list_items[j+1].getAttribute('tout');
					break;
				}
				else{
					list_items[0].className = 'ctf-on';
					tout.scrollLeft = list_items[0].getAttribute('tout');
					break;
				}
			}		
			  
		}
	}
}

function initScroll() {	
	var list = document.getElementById('center-tout-footer');
	if(list) {
		var scrollInterval = setInterval('doScrollLeft()', 60000);
		var list_items = list.getElementsByTagName('li');		
		var links = list.getElementsByTagName('a');
		
		for(var i = 0; i < links.length; i++) {

			links[i].onclick = function() {
				
				clearInterval(scrollInterval);
				
				for(var j = 0; j < list_items.length; j++){
					if(list_items[j].className == 'ctf-on'){
						list_items[j].className = 'ctf-off';
					}
				}
			
				this.parentNode.className = 'ctf-on';
				
				var tout = document.getElementById('center-tout');
				
				tout.scrollLeft = this.getAttribute('tout');
				
				return false;
			}
		}
	}
}

addEventSimple(window,"load",initScroll);