onLoaders[onLoaders.length] = jsSliderLoad;

function jsSliderLoad() {
	if (document.getElementById('js_slider')) {
		var items = document.getElementById('js_slider').getElementsByTagName('div');
		for (var index = 2; index < items.length; index++) {
			if (items[index].className == "item" && index >= 3) {
				items[index].style.display = "none";
			}
			
			items[index].getElementsByTagName('h3')[0].style.cursor = "pointer";
			items[index].getElementsByTagName('h3')[0].onclick = new Function("displaymessage(" + (index - 2) + ");");
			
			document.getElementById('titles').appendChild(items[index].getElementsByTagName('h3')[0]);
		}
		
		document.getElementById('titles').getElementsByTagName('h3')[0].style.backgroundColor = "#b5b1b1";
		document.getElementById('pointer').style.height = document.getElementById('titles').getElementsByTagName('h3')[0].offsetHeight + "px";
		document.getElementById('pointer').style.top = document.getElementById('titles').getElementsByTagName('h3')[0].offsetHeight + "px";
		document.getElementById('js_slider').style.marginTop = "-" + document.getElementById('titles').getElementsByTagName('h3')[0].offsetHeight + "px";
		
		setInterval("changeNext();", 5000);
	}
}

var selected = 0;

function displaymessage(index)
{
	var items = document.getElementById('js_slider').getElementsByTagName('div');
	for (var x = 2; x < items.length; x++) {
		if (items[x].className == "item") {
			items[x].style.display = ((x - 2) != index ? "none" : "");
			document.getElementById('titles').getElementsByTagName('h3')[(x - 2)].style.backgroundColor = "";
		}
	}
	
	document.getElementById('titles').getElementsByTagName('h3')[index].style.backgroundColor = "#b5b1b1";
	document.getElementById('pointer').style.top = (parseInt(document.getElementById('titles').getElementsByTagName('h3')[0].offsetHeight) * (index + 1)) + "px";
	selected = index;
}

function changeNext() {
	selected += 1;
	if (selected >= document.getElementById('js_slider').getElementsByTagName('div').length - 2) {
		selected = 0;
	}
	displaymessage(selected);
}

function toggle(){
	if(document.getElementById("unhide").style.display == ""){
		document.getElementById("unhide").style.display = "none";
		document.getElementById("login").style.display = "";
	}else{
		document.getElementById("unhide").style.display = "";
		document.getElementById("login").style.display = "none";
	}
}