// JavaScript Document
var blockwidth = 184; //don't change this, is set to background image
var sspeed = 1; // lower value = faster, higher value = slower
var sdist = 4; 

//don't change anything below this
var scroller,items,header,headingtext,leftarrow,headingdiv,scrollerContent,rightarrow,simgs,poss,trav;
trav = 0;
function prepare(){
	scroller = document.getElementById('scroller');
	items = scroller.getElementsByTagName('li');
	
	var tbrem = new Array();
	header = scroller.childNodes;
	headingtext = '';
	for (var jj=0;jj<header.length;jj++){
		if (header[jj].nodeType !== 3 && header[jj].nodeName !== 'UL' ){
			headingtext += '<'+header[jj].nodeName+'>'+header[jj].innerHTML+'</'+header[jj].nodeName+'>';
			header[jj].style.display= 'none';
		}
	}

	leftarrow = document.createElement('div');
	leftarrow.innerHTML = '<input type="button" id="rbut" disabled="true" onclick="scrollDivsRight();" onmouseover="return hoverimg(this);" onmouseout="return restore(this);" />';
	leftarrow.id = 'leftbut';
	scroller.appendChild(leftarrow);

	headingdiv = document.createElement('div');
	headingdiv.innerHTML = headingtext;
	headingdiv.id = "heading";
	scroller.appendChild(headingdiv);
	
	scrollerContent = document.createElement('div');
	scrollerContent.id = 'scrollerContent';
	for (var ii =0;ii<items.length;ii++){
		addChildElements(scrollerContent,items[ii].innerHTML,ii);
	}	
	scroller.appendChild(scrollerContent);
	
	rightarrow = document.createElement('div');
	rightarrow.innerHTML = '<input type="button" id="lbut" onclick="scrollDivsLeft();" onmouseover="return hoverimg(this);" onmouseout="return restore(this);" />';
	rightarrow.id = 'rightbut';
	scroller.appendChild(rightarrow);	
	simgs = document.getElementById('scrollerContent').getElementsByTagName('div');
	poss = new Array();
	for (var ll=0;ll<simgs.length;ll++){
		poss[ll] = simgs[ll].style.left;
		poss[ll] = Number(String(poss[ll]).substr(0,String(poss[ll].indexOf('px'))));
	}
	
	scroller.removeChild(items[0].parentNode);
}

function addChildElements(elemid,cont,counter){
	var newdiv=document.createElement("div");
	newdiv.innerHTML = cont;
	newdiv.setAttribute("class","ditems");
	newdiv.className = 'ditems';
	newdiv.style.width = blockwidth + 'px';
	newdiv.style.left = (counter*blockwidth) + 'px';
	elemid.appendChild(newdiv); //append new div to another
}

function scrollDivsLeft(){
	trav += sdist;
	document.getElementById('lbut').disabled = true;
	document.getElementById('rbut').disabled = true;
	document.getElementById('lbut').style.backgroundPosition = 'top center';
	document.getElementById('rbut').style.backgroundPosition = 'top center';
	for (var kk=0;kk<simgs.length;kk++){
		poss[kk] = poss[kk] - sdist;
		simgs[kk].style.left = poss[kk]+'px';
	}
	if (trav < blockwidth){	
		setTimeout('scrollDivsLeft()',sspeed);
		document.getElementById('lbut').disabled = true;
		document.getElementById('rbut').disabled = true;
	}	else {
		trav = 0;
		document.getElementById('lbut').disabled = false;
		document.getElementById('rbut').disabled = false;
	}
	if (poss[poss.length-1] <= (3*blockwidth)){
		document.getElementById('lbut').disabled = true;
		document.getElementById('rbut').disabled = false;
	} 
}
function scrollDivsRight(){
	trav += sdist;
	document.getElementById('lbut').disabled = true;
	document.getElementById('rbut').disabled = true;
	document.getElementById('lbut').style.backgroundPosition = 'top center';
	document.getElementById('rbut').style.backgroundPosition = 'top center';
	document.getElementById('rbut').disabled = true;
	for (var kk=simgs.length-1;kk>=0;kk--){
		poss[kk] = poss[kk] + sdist;
		simgs[kk].style.left = poss[kk]+'px';
	}
	if (trav < blockwidth){	
		setTimeout('scrollDivsRight()',sspeed);
		document.getElementById('lbut').disabled = true;
		document.getElementById('rbut').disabled = true;
	}	else {
		trav = 0;
		document.getElementById('lbut').disabled = false;
		document.getElementById('rbut').disabled = false;
	}
	if (poss[0] == 0){
		document.getElementById('rbut').disabled = true;
		document.getElementById('lbut').disabled = false;
	} 
}
function hoverimg(butt){
	if (!butt.disabled){
		butt.style.backgroundPosition = "bottom center";
	}
	return true;
}
function restore(butt){
	butt.style.backgroundPosition = "top center";
	return true;
}