var scroller, ticker;
var interval = 30;
var sub = Array();
var subWidth;
var Tsub = Array();
var TsubWidth;

var index = 1;
var indexTicker = 1;
var alternate = 0;

var scrollmouse = false;
var tickermouse = false;

function setupScroller() {
	scroller = document.getElementById('scroller');
	ticker = document.getElementById('ticker');
	
	scroller.onmouseover = onmouse;
	scroller.onmouseout = outmouse;
	
	subWidth = scroller.offsetWidth;
	sub[0] = scroller.cloneNode(true);
	sub[0].id = '';
	sub[0].className = 'scroller_sub';
	
	sub[1] = sub[0].cloneNode(true);
	
	removeChildrenFromNode(scroller);
	
	scroller.appendChild(sub[0]);
	scroller.appendChild(sub[1]);
	
	subWidth = sub[0].childNodes[sub[0].childNodes.length-2].offsetLeft + sub[0].childNodes[sub[0].childNodes.length-2].offsetWidth;

	sub[1].style.position = 'absolute';
	sub[1].style.left = subWidth + 5+ 'px';
	
	if (ticker) {
		
		ticker.onmouseover = tickeronmouse;
		ticker.onmouseout = tickeroutmouse;

		Tsub[0] = ticker.cloneNode(true);
		Tsub[0].id = '';
		Tsub[0].className = 'scroller_sub';
		
		Tsub[1] = Tsub[0].cloneNode(true);
		
		//removeChildrenFromNode(ticker);
		ticker.innerHTML = '';
		
		ticker.appendChild(Tsub[0]);
		ticker.appendChild(Tsub[1]);
		alert(Tsub[0])
		TsubWidth = Tsub[0].childNodes[Tsub[0].childNodes.length-2].offsetTop + Tsub[0].childNodes[Tsub[0].childNodes.length-2].offsetHeight;

		Tsub[1].style.position = 'absolute';
		Tsub[1].style.top = TsubWidth + 5+ 'px';
	}
	
	setTimeout("scroll()", interval);
	
}

function onmouse() {
	scrollmouse=true;
}
function outmouse() {
	scrollmouse = false;
}
function tickeronmouse() {
	tickermouse=true;
}
function tickeroutmouse() {
	tickermouse = false;
}

function scroll() {
	scrollBanner();
	
	if (ticker)
		scrollTicker();
		
	setTimeout("scroll()", interval);
}

function scrollBanner()
{
	if (!scrollmouse) {
		sub[index].style.left = sub[index].style.left.replace('px', '') - 2 + 'px';
		sub[index^1].style.left = sub[index^1].style.left.replace('px', '') - 2 + 'px';
		
		if (sub[index].offsetLeft <= 0) {
			sub[index^1].style.left = subWidth + 3 + 'px';
			index = index^1;
			//reset
		}
	}
}

function scrollTicker()
{
		if (!tickermouse) {
			Tsub[indexTicker].style.top = Tsub[indexTicker].style.top.replace('px', '') - 1 + 'px';
			Tsub[indexTicker^1].style.top = Tsub[indexTicker^1].style.top.replace('px', '') - 1 + 'px';
			
			if (Tsub[indexTicker].offsetTop <= 0) {
				Tsub[indexTicker^1].style.top = TsubWidth + 3 + 'px';
				indexTicker = indexTicker^1;
				//reset
			}
		}

}


if (window.addEventListener) {
	window.addEventListener('load', init, false);
} else {
	window.attachEvent('onload', init);
}

function init()
{		

}

function removeChildrenFromNode(node)
{
	if(!node)
		return;
	
	while (node.hasChildNodes()) {
		node.removeChild(node.firstChild);
	}
}