var i = 0;
var list = new Array();

list[i++] = '<b>AUDUSD</b> <span style="color: #ff0000">0.91</span>/17:45:47&nbsp;';
list[i++] = '<b>EURCHF</b> <span style="color: #ff0000">1.297</span>/17:45:49&nbsp;';
list[i++] = '<b>EURGBP</b> <span style="color: #009900">0.832</span>/17:45:59&nbsp;';
list[i++] = '<b>EURJPY</b> <span style="color: #009900">107.87</span>/17:46:02&nbsp;';
list[i++] = '<b>EURPLN</b> <span style="color: #ff0000">3.964</span>/17:43:28&nbsp;';
list[i++] = '<b>EURUSD</b> <span style="color: #009900">1.282</span>/17:45:21&nbsp;';
list[i++] = '<b>GBPUSD</b> <span style="color: #ff0000">1.539</span>/17:45:42&nbsp;';
list[i++] = '<b>GOLD</b> <span style="color: #009900">1250.38</span>/17:45:36&nbsp;';
list[i++] = '<b>OIL</b> <span style="color: #009900">75.75</span>/17:45:16&nbsp;';
list[i++] = '<b>SILVER</b> <span style="color: #009900">19.54</span>/17:45:26&nbsp;';
list[i++] = '<b>USDCAD</b> <span style="color: #ff0000">1.052</span>/17:46:00&nbsp;';
list[i++] = '<b>USDCHF</b> <span style="color: #ff0000">1.012</span>/17:45:49&nbsp;';
list[i++] = '<b>USDJPY</b> <span style="color: #009900">84.15</span>/17:46:02&nbsp;';
list[i++] = '<b>USDPLN</b> <span style="color: #ff0000">3.091</span>/17:45:27&nbsp;';

var speedWalut = 60;
var scrollId = 'pasek';

// prepare node structure //
function loadStructure() {

	// div 4 frame - user defined //
	var scroll = document.getElementById(scrollId);
	if (scroll == null) return;

	// add cliping outside frame //
	scroll.style.cssText = scroll.style.cssText + '; overflow: hidden;';
	
	var children = scroll.childNodes;
	while (children.length > 0) scroll.removeChild(children[0]);

	// add sliding div inside frame //
	var innerScroll = document.createElement('div');
	innerScroll.style.width = '10000px';
	innerScroll.style.marginLeft = (scroll.clientWidth+10)+'px';
	scroll.appendChild(innerScroll);

	// add floating div-containers 4 list elements //
	for (var j in list) {
		var newDiv = document.createElement('div');
		newDiv.style.cssText = 'float: left; padding-right: 5px;';
		newDiv.innerHTML = list[j];
		innerScroll.appendChild(newDiv);
	}
}

// move first container to the end //
function shiftLeft() {

	// static frame //
	var scroll = document.getElementById(scrollId);
	if (scroll == null) return;

	// slider //
	var children = scroll.childNodes;
	if (children.length == 0) return;
	var innerScroll = children[0];
	
	// list of containers //
	var floaters = innerScroll.childNodes;
	if (floaters.length == 0) return;
	
	// move container to the end //
	innerScroll.appendChild(floaters[0]);
}

var timerWalut;

// make the world spin :) //
function animateScroll() {
	
	// frame //
	var scroll = document.getElementById(scrollId);
	if (scroll == null) return;

	// slider //
	var children = scroll.childNodes;
	if (children.length == 0) return;
	var innerScroll = children[0];
	
	// the hiding container //
	var floaters = innerScroll.childNodes;
	if (floaters.length == 0) return;
	var runner = floaters[0];
	
	// left margin of the slider //
	var marginLeft = innerScroll.style.marginLeft;
	if (marginLeft.length) marginLeft = marginLeft.substr(0, marginLeft.length-2);
	marginLeft = marginLeft - 2;
	
	// do we shift ? //
	if (marginLeft < -runner.clientWidth) {
		marginLeft = marginLeft + runner.clientWidth;
		shiftLeft();
	}

	// step left //
	innerScroll.style.marginLeft =  marginLeft+'px';
	
	timerWalut= setTimeout(animateScroll, speedWalut);
}

// make it happen //
function initScroll() {
	loadStructure();
	timerWalut= setTimeout(animateScroll, speedWalut);
}

// pause //
scrollW = document.getElementById(scrollId);
if (scrollW.addEventListener) {
	scrollW.addEventListener("mouseover", function() {
		clearTimeout(timerWalut);
	}, false);
} else if (scrollW.attachEvent) {
	scrollW.attachEvent("onmouseover", function() {
		clearTimeout(timerWalut);
	});
}
if (scrollW.addEventListener) {
	scrollW.addEventListener("mouseout", function() {
		timerWalut = setTimeout(animateScroll, speedWalut);
	}, false);
} else if (scrollW.attachEvent) {
	scrollW.attachEvent("onmouseout", function() {
		timerWalut = setTimeout(animateScroll, speedWalut);
	});
}