// JavaScript Document
$(document).ready(function(){
var zieher_layer_position_top = -1694;
var bg_layer_position_top = -799;
var slide_height = 480;
var scrollblock_height = $("#scrollblock").height();
var scrollpos = slide_height;
var ausgleichsfaktor = 0.4;
var stepwidth = ((scrollblock_height - slide_height) / slide_height) + ausgleichsfaktor;
	
		$(function(){

				// Slider
				$('#slider').slider({
					orientation: 'vertical',
					min: 0,
					max: slide_height,
					value: slide_height,
					slide: function(event, ui) { 
					
					
						if (stepwidth > ausgleichsfaktor){
						scrollblock_position = parseInt(((slide_height - ui.value) * stepwidth)*-1);
						$("#scrollblock").css("top", scrollblock_position+"px");
						
						var zieher_layer_position = (slide_height - ui.value) + zieher_layer_position_top;
						$("#zieher").css("top",(zieher_layer_position) +"px");
						
						var bg_layer_position = (slide_height - ui.value) + bg_layer_position_top; 
						$("#scrollbar").css("background-position","0 "+ (bg_layer_position) +"px");
						scrollpos = ui.value;
						$("a.ui-slider-handle").blur();
						
						
						}
						else{$('#slider').slider( "disable" ); }
					}					
				});
			
			//$('#container_content').bind('mouseover', function(event){	});
				if (stepwidth > ausgleichsfaktor){
				$('.container_content').bind('mousewheel', function(event, delta){
					if(delta > 0 && scrollpos < slide_height){scrollpos = scrollpos + (stepwidth*10);}
					if(delta < 0 && scrollpos > 0){scrollpos = scrollpos - (stepwidth*10);}
					$('#slider').slider('value', [scrollpos]);
					scrollblock_position = parseInt(((slide_height - scrollpos) * stepwidth)*-1);
						$("#scrollblock").css("top", scrollblock_position+"px");
						
						var zieher_layer_position = (slide_height - scrollpos) + zieher_layer_position_top;
						$("#zieher").css("top",(zieher_layer_position) +"px");
						
						var bg_layer_position = (slide_height - scrollpos) + bg_layer_position_top; 
						$("#scrollbar").css("background-position","0 "+ (bg_layer_position) +"px");
					
					
            		return false;
					});
				}
			
			
			
			
								
			});


					
});