var slidervalue=0;
var stepwidth=100;

var slider2 = new Control.Slider('handle2', 'track2', {
	onSlide: function(v) { scrollHorizontal(v, $('scrollable1'),slider2);slidervalue=(v*100).toFixed(); },
	onChange: function(v) { scrollHorizontal(v, $('scrollable1'),slider2);slidervalue=(v*100).toFixed(); }
});			
slider2.setValue(0);

// scroll the element vertically based on its width and the slider maximum value
/*function scrollVertical(value, element, slider) {				
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}*/

// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider) {
	if(document.getElementById('innercontainer').style.display!='none')
	{
		
		element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
		
	}	  
	
}



// disable horizontal scrolling if text doesn't overflow the div
if ($('scrollable1').scrollWidth <= $('track2').offsetWidth) {
	slider2.setDisabled();
	$('track2').hide();
}	
function erscheinen(id){    
new Effect.Appear(id,{duration:1, from:0, to:1}); 
//window.setTimeout(showKante, 2000);
new Effect.Appear('kanteausblender',{duration:2, from:1, to:0});
window.setTimeout(showKante, 2000);



}


function erscheinen2(el){ 


scrollheight = window.pageYOffset + window.innerHeight;

if(!window.pageYOffset)
{
scrollheight = document.documentElement.scrollTop + document.documentElement.clientHeight;
	   
}

if(scrollheight> document.getElementById('horizontal_carousel').offsetTop + (document.getElementById('horizontal_carousel').offsetHeight/2))
{

if(document.getElementById(el).style.display=='none')
{        

erscheinen(el);
window.clearInterval(aktiv);

}



}
}  


var aktiv='';
function startInterval(){
aktiv = window.setInterval("erscheinen2('innercontainer')", 500);
}
document.getElementById('innercontainer').style.display="none";

document.onLoad = startInterval();
//$('kante').style.display="none";
//new Element.setOpacity('kante', 0);


//window.setTimeout(showKante, 2000);
function showKante()
{
//$('kante').style.display="block";

//new Effect.Appear('kante',{duration:2, from:0, to:1});
document.getElementById('kanteausblender').style.display='none'

} 
function slidearrow(direction)
{
	stepwidth_percent = (100*stepwidth)/(document.getElementById('scrollable1').scrollWidth-document.getElementById('innercontainer').scrollWidth);	
	
	if(direction=='left')
	{		
		if(slidervalue>stepwidth_percent)
		{	
			slider2.setValue((slidervalue-stepwidth_percent)/100);
		}else
		{
			slider2.setValue(0);
		}		
			
	}
	
	if(direction=='right')
	{
		
		if((parseInt(slidervalue)+parseInt(stepwidth_percent))<100)
		{				
			slider2.setValue((parseInt(slidervalue)+parseInt(stepwidth_percent))/100);
			
		}else
		{			
			slider2.setValue(100);
		}				
	}
 
 
}