var HeadCounter = 0;
var HeadActive = 0;
var HeadInt = null;

function HeadNext() {
	document.getElementById("key-1_" + HeadActive).className = "unvisible";
	document.getElementById("bull_" + HeadActive).className = "bull";
	if(HeadActive == HeadCounter) {
		HeadActive = 0;
	}
	else {
		HeadActive++;
	}
	document.getElementById("key-1_" + HeadActive).className = "visible";
	document.getElementById("bull_" + HeadActive).className = "bull active";
	
	
}

function HeadLast() {
	document.getElementById("key-1_" + HeadActive).className = "unvisible";
	document.getElementById("bull_" + HeadActive).className = "bull";
	if(HeadActive == 0) {
		HeadActive = HeadCounter;
	}
	else {
		HeadActive--;
	}
	document.getElementById("key-1_" + HeadActive).className = "visible";
	document.getElementById("bull_" + HeadActive).className = "bull active";
}

function HeadShow(KeyId) {
	document.getElementById("key-1_" + HeadActive).className = "unvisible";
	document.getElementById("bull_" + HeadActive).className = "bull";
	HeadActive = KeyId;
	document.getElementById("key-1_" + HeadActive).className = "visible";
	document.getElementById("bull_" + HeadActive).className = "bull active";
}

function HeadBulls() {
	if(document.getElementById("key-1_1")) {
		for(var i = 0; i < HeadCounter + 1; i++) {
			var newDiv = document.createElement("div");
			newDiv.className = (i > 0) ? "bull" : "bull active";
			newDiv.id = "bull_" + i;
			newDiv.onclick = new Function("HeadShow(" + i + ");");
			document.getElementById("navi_bulls").appendChild(newDiv);
		}
		var newDiv = document.createElement("div");
		newDiv.style.clear = "both";
		document.getElementById("navi_bulls").appendChild(newDiv);
	}
}

function HeadStart() {
	if(document.getElementById("key-1_1")) {
		HeadInt = window.setInterval("HeadNext();", 10000);
	}
}

function HeadStop() {
	if(document.getElementById("key-1_1")) {
		window.clearInterval(HeadInt);
	}
}