if ( typeof( SLIDER ) === 'undefined' )
{
	SLIDER = {};
};

SLIDER.Browser = {
	
	sliderVal: 0,
	animationId: false,
	viewportWidth: 0,
	contentWidth: 0,
	categories: [],
	isSliding: false,
	lastX: 0.32,
	isMouseDown: false,
	dif: 0,
	overlap: 0,
	sliderOffset: 31,
	offsetContentWidth: -946,
	clicked: false,
	startIndex: 0,
	
	init: function ( setupArgs )
	{
		if ( typeof( setupArgs.categories ) !== 'undefined' )
		{
			this.categories = setupArgs.categories;
		};
		
		this.viewportWidth = $( 'box_container' ).getWidth();
		// Tatsächliche innere Breite berechnen
		var that = this;
		$( 'box_container_inner' ).childElements().each( function ( e )
		{
			$( e ).childElements().each( function ( s )
			{
				// if ( $( s.id).getStyle( 'visibility' ) !== 'hidden' )
				// {
				that.contentWidth += $( s.id ).getWidth();
				// };
			} );
		} );
		var page;
		$A( document.getElementsByTagName( 'script' ) ).findAll( function ( s )
		{
			return ( s.src && s.src.match( /scrollbar\.js(\?.*)?$/ ) )
	    } ).each( function ( s )
		{
	      page = s.src.match( /\?.*page=([a-z,]*)/ );
	    } );
		if ( page )
		{
			if ( page[1] === 'film' )
			{
				// Manchmal muss man die Leute zu ihrem Glück zwingen:
				$( 'cbox9' ).childElements().each( function( s ){
					that.contentWidth += $( s.id ).getWidth();
				} );
				$( 'cbox10' ).childElements().each( function( s ){
					that.contentWidth += $( s.id ).getWidth();
				} );
				$( 'cbox11' ).childElements().each( function( s ){
					that.contentWidth += $( s.id ).getWidth();
				} );
				this.contentWidth -= 220;
			};
			if ( page[1] === 'foto' )
			{
				this.contentWidth += 300;
			};
			if ( page[1] === 'service' )
			{
				$( 'cbox10' ).childElements().each( function( s )
				{
					that.contentWidth += $( s.id ).getWidth();
				} );
				this.contentWidth += 400;
			};
		};
		this.offsetContentWidth = -1 * ( this.contentWidth - this.viewportWidth );
		this.productSlider = new Control.Slider( 'scrollbar_regler', 'scroll', { axis: 'horizontal' } );
		$( 'box_container_inner' ).setStyle( { 'width': this.contentWidth + 'px' } );
		// Alles anschalten damit es nicht flackert
		$( 'box_container_inner' ).childElements().each( function ( e )
		{
			$( e ).setStyle( { 'visibility': 'visible' } );
		} );
		
		this.productSlider.options.onChange = function ( value )
		{
			$( 'scrollbar_regler_grafik' ).style.left = $( 'scrollbar_regler' ).style.left;
			
			if ( SLIDER.Browser.isThrow && ! SLIDER.Browser.isSliding )
			{
				SLIDER.Browser.isSliding = true;
				SLIDER.Browser.isThrow = false;
				
				var mod = value + SLIDER.Browser.throwMod;
				if ( mod < 0 )
				{
					mod = 0;
				};
				if ( mod > 1)
				{
					mod = 1;
				};
				SLIDER.Browser.animateSlide( mod );
			}
			else if ( !SLIDER.Browser.isSliding && value )
			{
				SLIDER.Browser.isSliding = true;
				SLIDER.Browser.animateSlide( value );
			};
			// HACK
			if ( value === 0 ) {
				$( 'box_container_inner' ).setStyle( { 'left': '0px' } );
				
				// Zurueck Link
				if ( $( 'image12' ) && $( 'image13' ) )
				{
					if ( $( 'image13' ).visible() )
					{
						$( 'image12' ).show();
						$( 'image13' ).hide();
					};
				};
				
				if ( !$( 'image12' ) && $( 'image13' ) )
				{
					if ( $( 'image13' ).visible() )
					{
						$( 'image13' ).hide();
					};
				};
			}
			else
			{
				if ( $( 'image12' ) && $( 'image13' ) )
				{
					if ( $( 'image12' ).visible() )
					{
						$( 'image13' ).show();
						$( 'image12' ).hide();
					};
				};
				if ( !$( 'image12' ) && $( 'image13' ) )
				{
					if ( !$( 'image13' ).visible() )
					{
						$( 'image13' ).show();
					};
				};
			}
		};
		
		this.productSlider.options.onSlide = function ( value )
		{
			$( 'scrollbar_regler_grafik' ).style.left = $( 'scrollbar_regler' ).style.left;

			if ( value && !SLIDER.Browser.isSliding )
			{
				SLIDER.Browser.isSliding = true;
				SLIDER.Browser.isThrow = false;
				if ( SLIDER.Browser.isMouseDown )
				{
					SLIDER.Browser.dif 		= value - SLIDER.Browser.lastX;
					SLIDER.Browser.lastX	= value;
					
					if ( SLIDER.Browser.dif > 0.05 )
					{
						SLIDER.Browser.isThrow = true;
						SLIDER.Browser.throwMod = 0.2;
					}
					else if ( SLIDER.Browser.dif < -0.04 )
					{
						SLIDER.Browser.isThrow = false;
						SLIDER.Browser.throwMod = -0.2;
					};
				};
				
				var w = SLIDER.Browser.offsetContentWidth;
				$( 'box_container_inner' ).setStyle( { 'left': w * value + 'px' } );
				
				// Zurueck Link
				if ( $( 'image12' ) && $( 'image13' ) )
				{
					if ( $( 'image12' ).visible() )
					{
						$( 'image12' ).hide();
						$( 'image13' ).show();
					};
				};
				if ( !$( 'image12' ) && $( 'image13' ) )
				{
					if ( !$( 'image13' ).visible() )
					{
						$( 'image13' ).show();
					};
				};
				
				this.sliderVal = value;
				SLIDER.Browser.lastX = value;
				SLIDER.Browser.isSliding = false;
			};
			$( 'box_container' ).setStyle( { 'overflow': 'hidden' } );
		}
		
		Event.observe( 'scrollbar_regler', 'mousedown', function ()
		{
			SLIDER.Browser.isMouseDown = true;
			$( 'scrollbar_regler' ).style.zIndex = '5';
		} );
		Event.observe( 'scrollbar_regler', 'mouseup', function ()
		{
			SLIDER.Browser.isMouseDown = false;
		} );
		Event.observe( 'scroll', 'mousedown', function( e )
		{
			var o = e.offsetX || e.layerX;
			if ( Event.element( e ).id === 'scroll' && o < 100 )
			{
				SLIDER.Browser.animateSlide( 0 );
			};
		} );

		SLIDER.Browser.categories.each( function ( c )
		{
			Event.observe( $( c.id ), 'mouseup', function ( e )
			{
				SLIDER.Browser.animateSlide( c.offset );
			} );
		} );
		
		document.onkeydown = function( e )
		{
			if ( key = String.fromCharCode( e.keyCode).toLowerCase() === 'x' ) {
				alert( that.sliderVal );
			};
		};
	},
	animateSlide: function( toX )
	{
		if ( toX > 1){
			toX = 1;
		};
		if ( toX < 0 )
		{
			toX = 0;
		};
		
		SLIDER.Browser.sliderVal = toX;
		
		window.clearInterval( SLIDER.Browser.animationId );
		
		var w = SLIDER.Browser.offsetContentWidth;
		var stopPoint = w * toX;
		
		var sliderStopPoint = Math.round( SLIDER.Browser.viewportWidth - SLIDER.Browser.sliderOffset ) * toX;
		
		SLIDER.Browser.isSliding = true;
		SLIDER.Browser.animationId = window.setInterval( function ()
		{
			var sliderPos = parseInt( $( 'box_container_inner' ).getStyle( 'left' ) ) || 0;
			var handlePos = parseInt( $( 'scrollbar_regler' ).getStyle( 'left' ) ) || 0;
			var x = SLIDER.Browser.calculateDecel( sliderPos, stopPoint );
			var sx = SLIDER.Browser.calculateDecel( handlePos, sliderStopPoint );
			$( 'box_container_inner' ).style.left = x + 'px';
			$( 'scrollbar_regler' ).style.left = sx + 'px';
			$( 'scrollbar_regler_grafik' ).style.left = sx + 'px';
			
			if ( x === stopPoint )
			{
				window.clearInterval( SLIDER.Browser.animationId );
				SLIDER.Browser.isSliding = false;
			};
		}, 30 );
	},
	calculateDecel: function( from, to )
	{
		var n = from - Math.floor( ( from - to ) * 0.4 );
		if ( Math.abs( from - to ) < 4 ){
			return to;
		};
		return n;
	}
};