// JavaScript Document
var sclInt = 0;

function $(id){
	return document.getElementById(id);
}

function Scroll(){
	var obj = $("list");
	var child = obj.firstChild;
	while(child.nodeType == 3){
		child = child.nextSibling;
	}
	var scl = parseInt(child.style.marginLeft == "" ? "0" : child.style.marginLeft);
	child.style.marginLeft = --scl + "px";	
	if (scl <= -child.offsetWidth){
		child.style.marginLeft = "0px";
		obj.appendChild(child);
	}
}

function Init(){
	ClearWhiteSpaceNodes($("list"));
	$("list").style.width = $("list").childNodes.length * $("list").firstChild.offsetWidth + "px";
	$("list").style.height = $("list").firstChild.offsetHeight + "px";
	$("inwraper").style.width = ($("list").childNodes.length - 1) * $("list").firstChild.offsetWidth + "px";
	$("outwraper").style.width = ($("list").childNodes.length - 1) * $("list").firstChild.offsetWidth + "px";
	$("list").onmouseover = function(){clearInterval(sclInt);};
	$("list").onmouseout = function(){sclInt = setInterval(Scroll, 30);};
	sclInt = setInterval(Scroll, 30);
}

function ClearWhiteSpaceNodes(obj){
	for (var i = 0; i < obj.childNodes.length; i++){
		if (obj.childNodes[i].nodeType == 3){
			if(obj.childNodes[i].nodeValue.match(/^\s*$/g)){				
				obj.removeChild(obj.childNodes[i]);
				i--;
			}
		}
	}
}