// JavaScript Document
var MarStart = 1;

Marquee_Function = '<div id="marquee_left" class="arrow" onmouseover="MarqueeLeftStart();"></div>';
Marquee_Function += '<div id="marquee_right" class="arrow" onmouseover="MarqueeRightStart();"></div>';
for(i=0;i<8;i++) {
	Marquee_Function = Marquee_Function + '<div class="alpha' + (9-i) + '0" style="left: ' + ((i*2)+10) + 'px;"></div>';
	Marquee_Function = Marquee_Function + '<div class="alpha' + (9-i) + '0" style="right: ' + ((i*2)+10) + 'px;"></div>';
}

document.getElementById("marquee_function").innerHTML = Marquee_Function;
document.getElementById("marquee_list").style.overflow = 'hidden';
document.getElementById("marquee_list").style.height = 169 + 'px';
var Marquees = document.getElementById("marquee_list").getElementsByTagName("li");
var Marquee_Style = new Array();
var Marquee_nowX = new Array();
var Marquee_offsetX = -1;
var k = Marquees.length - 1;
for(i=0;i<k;i++){
	Marquee_Style[i] = Marquees[i].style;
	Marquee_Style[i].position = 'absolute';
	Marquee_nowX[i] = 184 * i;
}

function MarqueeRefresh() {
	for(i=0;i<(Marquees.length - 1);i++){
		Marquee_nowX[i] += Marquee_offsetX;
		Marquee_Style[i].left = Marquee_nowX[i] + 'px';
		if(Marquee_offsetX == -1) {
			if(Marquee_nowX[i] <= -184) {
				Marquee_nowX[i] += 184 * (Marquees.length - 1);
			}
		} else {
			if(Marquee_nowX[i] >= 814) {
				Marquee_nowX[i] -= 184 * (Marquees.length - 1);
			}
		}
	}

	MarqueeID = setTimeout("MarqueeRefresh()", 20 );
}

function MarqueeLeftStart() {
	Marquee_offsetX = -1;
}

function MarqueeRightStart() {
	Marquee_offsetX = 1;
}

function MarqueeEnd() {
	Temp_offset = Marquee_offsetX;
	Marquee_offsetX = 0;
}

function MarqueeRestart() {
	Marquee_offsetX = Temp_offset;
}

MarqueeRefresh();