var timeOut;
var pos=0;
function startScroll() {
	timeOut = window.setInterval('doIt();',60);
	//var scrollLine = document.getElementById('scrollLine');
	
}
function stopScroll() {
	clearInterval(timeOut);
}
function loadScroll() {
	var scrollLine = document.getElementById('scrollLine');
	var scrollInn = document.getElementById('scrollInn0');
	if (scrollLine && scrollInn) {
		
		var scrollLineW = scrollLine.clientWidth;
		var scrollInnW =  getScrollInnW();
		if (scrollInnW>0) {
			scrollInn.style.width = scrollInnW+'px';
			var loadDivNum = Math.round(scrollLineW/scrollInnW)+1;
			for (var i=1;i<=loadDivNum;i++) {
				var div = document.createElement('div');
				div.className = 'scrollInn';
				div.style.width = scrollInnW+'px';
				div.style.left = (scrollInnW*i)+'px';
				div.id = 'scrollInn'+i;
				div.innerHTML = scrollInn.innerHTML;
				scrollLine.appendChild(div);
			}
		}
		startScroll();
		scrollLine.onmouseover = function() {
			stopScroll();
		}
		scrollLine.onmouseout = function() {
			stopScroll();
			startScroll();
		}
	}
	
}
function doIt() {
	var scrollLine = document.getElementById('scrollLine');
	var scrollInn = document.getElementById('scrollInn0');
	if (scrollLine && scrollInn) {
		var scrollLineW = scrollLine.clientWidth;
		var scrollInnW =  getScrollInnW();
		if (scrollInnW>0) {
			var loadDivNum = Math.round(scrollLineW/scrollInnW)+1;
			if (-pos>=scrollInnW) {
				pos=0;
			} else {
				pos-=1;
			}
			scrollInn.style.left = pos+'px';
			
			for (var i=1;i<=loadDivNum;i++) {
				var scrollInnI = document.getElementById('scrollInn'+i);
				var posI = (scrollInnW*i)+pos;
				scrollInnI.style.left = posI+'px';
			}
		}
	}
}
function getScrollInnW() {
	var scrollInn = document.getElementById('scrollInn0');
	var sz=0;
	if (scrollInn) {
		var ds = scrollInn.getElementsByTagName('img');
		if (ds.length>0) {
			for (var i=0;i<ds.length;i++) {
				sz += ds[i].clientWidth+1;
			}
		}
	}
	return sz;
}
function clearScroll() {
	var scrollLine = document.getElementById('scrollLine');
	var ds = scrollLine.childNodes;
	for (var i=0;i<ds.length;i++) {
		if (ds[i].id != 'scrollInn0') {
			ds[i].parentNode.removeChild(ds[i]);
		}
	}
}

window.onload = function() {
	loadScroll();
	
}