var scrollContent = jQuery('#sky');
		var scrollPane = jQuery('#stage');
		var sliderValue = 0;
		var directionLeft = true;
		var img = new Image();
		var oneprocent = img.width / 100;
		var afwijking = 0;
		
		function extractUrl(input)
		{
		 // remove quotes and wrapping url()
		 return input.replace(/"/g,"").replace(/url\(|\)jQuery/ig, "");
		}

		function fade(sliderValue){		
			
			oneprocent = img.width / 100;
			sliderPrecent = sliderValue / 100;
			if(sliderValue > 50)
			{
				sliderPrecent = sliderPrecent + 0.50;
			}
			jQuery('#beslagen-gedeelte').fadeTo(1, (sliderPrecent / 2) ,'');	
			
			jQuery._spritely.instances['sky']['l'] = 0 - ((((oneprocent) * sliderValue) /2) + ((sliderValue *2) -10 )) ;
			if(jQuery._spritely.instances['sky']['l'] > 0)
				jQuery._spritely.instances['sky']['l'] = 0;
			//alert(jQuery._spritely.instances['sky']['l']);
			var bp_top = jQuery._spritely.getBgY('#sky');
			jQuery('#sky').css('background-position', jQuery._spritely.instances['sky']['l'] + 'px ' + bp_top);
		}
		
		function sliderChange()  {
		 if (jQuery('#dragMe').css('display') == 'block') {
			 if (!jQuery.browser.msie) {
				jQuery('#dragMe').fadeOut('slow');
			 } else {
		 		jQuery('#dragMe').hide();
			 }
		 } 
		}
		function animateSlider()
		{
			if(sliderValue >= 100)
				directionLeft = false;
			if(sliderValue <= 0)
				directionLeft = true;
			if(directionLeft)
				sliderValue = sliderValue +1 ;
			else
				sliderValue = sliderValue -1 ;
			fade(sliderValue);
			jQuery("#slider").slider("value", sliderValue);	
			if(directionLeft)
			{
				// animate the stuff
				//sliderID = window.setTimeout(function() {
				//	animateSlider();
				//}, 1500 / 30);
			}
		}
		(function(jQuery) {
			jQuery(document).ready(function() {
				//jQuery('#clouds').pan({fps: 30, speed: 0.7, dir: 'left', depth: 30});
				jQuery('#sky').pan({fps: 30, speed: 0, dir: 'left', depth: 10 ,continuous: false});
				jQuery._spritely.instances['sky']['_stopped'] = true;
				//jQuery('#beslagen-gedeelte').pan({fps: 30, speed: 0, dir: 'left', depth: 40});
				//jQuery('#helm, #sky, #clouds').spRelSpeed(8);			
				jQuery('#beslagen-gedeelte').fadeTo('fast', 0.1);
				img.src = jQuery('#sky').css("background-image");
			});
		})(jQuery);
		
	jQuery(function() {
		jQuery("#slider").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 100,
				change: function(event, ui) { 
					if(event.originalEvent==undefined) {
						if(img.width == 0) {
							img.width = 2300;
						}
						oneprocent = img.width / 100;
						fade(ui.value); 
					//	alert (ui.value);
					}
				},
				slide: function(event, ui) {
					if(img.width < 1000) {
							img.width = 2300;
					}
					oneprocent = img.width / 100;
					fade(ui.value);
					sliderChange();
					//.css('background-position', frames[jQuery._spritely.instances[el_id]['current_frame']] + 'px ' + yPos);					
				}
		});
		
		jQuery( "#slider" ).slider( "option", "value", 50 );		
		//animateSlider();		
	});