// JavaScript Document
var stopAt;
var direction;
var leftstop;

obwid = 267;  // BREITE EINES OBJEKTS
obcount = document.getElementById('topangebote_count').value;  // ANZAHL ALLER OBJEKTE
obshow = 3;  // ANZAHL DER ANGEZEIGTEN OBJEKTE

leftstop = obwid * obcount * -1;

menu_arrows();

function menu_arrows() {
	
	horx = document.getElementById("horizontal").style.left.replace(/px/g, "");
	document.getElementById('horizontal').style.width = leftstop * -1 + "px";
			
	if(horx >= 0) {
		document.getElementById('scroll_left').style.display = "none";
	}
	else {
		document.getElementById('scroll_left').style.display = "inline";
	}
	
	if(horx <= (obcount-obshow)*obwid*-1) {
		document.getElementById('scroll_right').style.display = "none";
	}
	else {
		document.getElementById('scroll_right').style.display = "inline";
	}
	
}

function menu(dir){
		
	menudiv = document.getElementById("horizontal");
	xposit = menudiv.style.left.replace(/px/g, "");
	
	if(xposit == ""){
		menudiv.style.left = "0px";
		xposit = 0;
	}
	
	if(dir == "left") {
		if(xposit <= 0 && xposit > leftstop) { 
			stopAt = xposit - obwid;
		}
		else {
			stopAt = xposit;
		}
	}
	else {
		if(xposit < 0) {
			stopAt = parseInt(xposit) + obwid;
		}
		else {
			stopAt = xposit;
		}
	}
	
	speed = 30;
	direction = dir;
	
	document.cookie = "menuPosition=" + stopAt + "; path=/;";
	
	aktiv = window.setInterval("menufunc()", 2);

}

function menufunc(){
	
	xpos = menudiv.style.left.replace(/px/g, "");

	if(direction == "left"){
		if(stopAt >= leftstop){
	
			if(xpos > stopAt){ 
				menudiv.style.left = (xpos - speed) + "px";
			}
			else if(xpos < stopAt){
				menudiv.style.left = stopAt + "px";	
			}
			else { 
				window.clearInterval(aktiv); 
			}
			
		}
		else {
			window.clearInterval(aktiv);
		}
		
	}
	else if(direction == "right") {
		if(stopAt <= 0){

			if(xpos < stopAt){
				menudiv.style.left = (parseInt(xpos) + speed) + "px";
			} 
			else if(xpos > stopAt){
				menudiv.style.left = stopAt + "px";
			} 
			else { 
				window.clearInterval(aktiv); 
			}
			
		}
		else {
			window.clearInterval(aktiv);	
		}
		
		
	}
	
	menu_arrows();
	
}