// *** Einstellungen ************/
position = 0;
position_slider = 0;
intervallID = 0;
speed = 5; // Geschwindigkeit
heightcontainer = 400; // Breite des Anzeigecontainers
height_slider = 524;  // Höhe der Sliderfläche minus der Sliderhöhe von 33px

percent_of_slide = 0;

function getSliderPosition(){
		
	if(position < 0 ){
		position_calc = (position * -1);
	}else{
		position_calc = position;
	}
	
	return (position_calc * 100) / heightcontainer;

}

// Ruft Scrollfunktion auf
function scroll(ev) {
	
	if(ev == "up"){
			intervallID = setInterval("scroll_down()", 20);
	}
	
	if(ev == "down"){
			intervallID = setInterval("scroll_up()", 10);
			
	}	
}

// Schiebt Container nach links
function scroll_up(){
			
			
			heightcontainer *= -1;
			
			if(position > heightcontainer){			
				
				position -=speed;
				
				document.getElementById("content_container").style.marginTop = position+"px"; 
				
				position_slider = (height_slider*getSliderPosition())/100;
				
				if(position_slider < 0){
					position_slider *=-1;
				}
				
				document.getElementById("slider_btn").style.top = position_slider + "px"; 
				
			}
}
// Schiebt Container nach rechts
function scroll_down(){
			
			if(position < 0){
				position +=speed;
				document.getElementById("content_container").style.marginTop =position+"px";
				
				
				//Slider positionieren
				position_slider = (height_slider*getSliderPosition())/100;
				if(position_slider < 0){
					position_slider *=-1;
				}
			    document.getElementById("slider_btn").style.top =position_slider + "px"; 
				
			}
}
// Stopt Scrollen
function stop(){
		clearInterval(intervallID);
}