// *** Einstellungen ************/
position = 0;
position_slider = 0;
intervallID = 0;
speed = 5; // Geschwindigkeit
widthcontainer = 170; // Breite des Anzeigecontainers
width_slider = 300;  // Breiter der Sliderfläche

percent_of_slide = 0;

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

}

// Ruft Scrollfunktion auf
function scroll(ev) {
	
	
	if(ev == "left"  ){
			intervallID = setInterval("scroll_right()", 20);
	}
	
	if(ev == "right"){
			intervallID = setInterval("scroll_left()", 10);
			
	}	
}

// Schiebt Container nach links
function scroll_left(){
			
			widthcontainer *= -1;
			if(position > widthcontainer){			
				position -=speed;
				
				document.getElementById("scroll_content").style.marginLeft =position+"px"; 
				
				position_slider = (267*getSliderPosition())/100;
				
				if(position_slider < 0){
					position_slider *=-1;
				}
				
				document.getElementById("slider_btn").style.left = position_slider + "px"; 
			}
}
// Schiebt Container nach rechts
function scroll_right(){
			
			if(position < 0){
				position +=speed;
				document.getElementById("scroll_content").style.marginLeft =position+"px";
				
				
				//Slider positionieren
				position_slider = (267*getSliderPosition())/100;
				if(position_slider < 0){
					position_slider *=-1;
				}
			    document.getElementById("slider_btn").style.left =position_slider + "px"; 
			}
}
// Stopt Scrollen
function stop(){
		clearInterval(intervallID);
}








///////////////////////// RechterSlider
// *** Einstellungen ************/
position_right = 0;
position_slider_right = 0;
intervallID_right = 0;
speed_right = 5; // Geschwindigkeit
heightcontainer_right = 100; // Breite des Anzeigecontainers
height_slider_right = 524;  // Höhe der Sliderfläche minus der Sliderhöhe von 33px

percent_of_slide_right = 0;

function getSliderPosition_right(){
		
	if(position_right < 0 ){
		position_calc_right = (position_right * -1);
	}else{
		position_calc_right = position_right;
	}
	
	return (position_calc_right * 100) / heightcontainer_right;

}

// Ruft Scrollfunktion auf
function rightscroll(ev) {
	
	if(ev == "up"){
			intervallID_right = setInterval("scroll_down_right()", 20);
	}
	
	if(ev == "down"){
			intervallID_right = setInterval("scroll_up_right()", 10);
			
	}	
}

// Schiebt Container nach links
function scroll_up_right(){
			
			
			heightcontainer_right *= -1;
			
			if(position_right > heightcontainer_right){			
				
				position_right -=speed_right;
				
				document.getElementById("content_container_right").style.marginTop = position_right + "px"; 
				
				position_slider_right = (height_slider_right*getSliderPosition_right())/100;
				
				if(position_slider_right < 0){
					position_slider_right *=-1;
				}
				
				document.getElementById("slider_btn_right").style.top = position_slider_right + "px"; 
				
			}
}
// Schiebt Container nach rechts
function scroll_down_right(){
			
			if(position_right< 0){
				position_right +=speed_right;
				document.getElementById("content_container_right").style.marginTop =position_right+"px";
				
				
				//Slider positionieren
				position_slider_right = (height_slider_right*getSliderPosition_right())/100;
				if(position_slider_right < 0){
					position_slider_right *=-1;
				}
			    document.getElementById("slider_btn_right").style.top =position_slider_right + "px"; 
				
			}
}
// Stopt Scrollen
function stop_right(){
		clearInterval(intervallID_right);
}







var clicked = false;
var startPos = "";


function actionOnMouseMove(event){
	
	
	if (!event) event = window.event;
    var body = null;
	
    if ( window.document.compatMode && window.document.compatMode == "CSS1Compat" )
    {
        body = window.document.documentElement;
		
    } else if (window.document.body)
    {
        body = window.document.body;
    };
	
    var x = event.pageX ? event.pageX : event.clientX + body.scrollLeft;
    var y = event.pageY ? event.pageY : event.clientY + body.scrollTop;
    
	
	
	
			wert = startPos + 207;
			
			
			
			if ( y < wert){
					rightscroll('up');
					//intervallID_right = setInterval("scroll_down_right()", 10);
			
			}
			
			if( y > wert){
					rightscroll('down');
					//intervallID_right = setInterval("scroll_up_right()", 10);
					
			}
	
	
}




function sliderClicked(action){
	
	if(action == "right"){
		startPos = document.getElementById('slider_btn_right').style.top;
		
		if(startPos != ""){
			startPos = parseInt(startPos.replace("/px/", ""));
		}else{
			startPos = 0;
		}
		startPos += 20;
	}
	
	
	
	if(action == "left"){
			
			startPos = document.getElementById('slider_btn').style.left;
		
		if(startPos != ""){
			startPos = parseInt(startPos.replace("/px/", ""));
		}else{
			startPos = 0;
		}
		
	}

}






var clicked = false;
var startPos = "";


function actionOnMouseMoveLeft(event){
	
	
	if (!event) event = window.event;
    var body = null;
	
    if ( window.document.compatMode && window.document.compatMode == "CSS1Compat" )
    {
        body = window.document.documentElement;
		
    } else if (window.document.body)
    {
        body = window.document.body;
    };
	
    var x = event.pageX ? event.pageX : event.clientX + body.scrollLeft;
    var y = event.pageY ? event.pageY : event.clientY + body.scrollTop;
    
	
	
	
			wert = startPos + 362;
			
			
			
			if ( x < wert){
					
					scroll('left');
					//intervallID = setInterval("scroll_right()", 10);
			
			}
			
			if( x > wert){
					
					scroll('right');
			}
	
	
	
	
}