////////////////////////////////////////////////////////////////////////////////
			var IDX_HOME = 0;
			
			var IDX_PROFIL_0 = 1;
			var IDX_PROFIL_1 = 2;
			var IDX_PROFIL_2 = 3;
			var IDX_PROFIL_3 = 4;
			var IDX_PROFIL_4 = 5;
			var IDX_PROFIL_5 = 6;
			var IDX_PROFIL_6 = 7;
			var IDX_PROFIL_7 = 8;
			var IDX_PROFIL_8 = 9;
			var IDX_PROFIL_9 = 10;
			var IDX_PROFIL_10 = 11;
			var IDX_PROFIL_11 = 12;
			var IDX_PROFIL_12 = 13;
			var IDX_PROFIL_13 = 14;
			var IDX_PROFIL_14 = 15;
			var IDX_PROFIL_15 = 16;
			var IDX_PROFIL_16 = 17;
			var IDX_PROFIL_17 = 18;
			var IDX_PROFIL_18 = 19;
			var IDX_PROFIL_19 = 20;
			var IDX_PROFIL_20 = 21;
			var IDX_PROFIL_21 = 22;
			var IDX_PROFIL_22 = 23;
			
			var IDX_PROD_0 = 24;
			var IDX_PROD_1 = 25;
			var IDX_PROD_2 = 26;
			var IDX_PROD_3 = 27;
			var IDX_PROD_4 = 28;
			var IDX_PROD_5 = 29;
			var IDX_PROD_6 = 30;
			var IDX_PROD_7 = 31;
			var IDX_PROD_8 = 32;
			var IDX_PROD_9 = 33;
			var IDX_PROD_10 = 34;
			var IDX_PROD_11 = 35;
			var IDX_PROD_12 = 36;
			var IDX_PROD_13 = 37;
			var IDX_PROD_14 = 38;
			var IDX_PROD_15 = 39;
			var IDX_PROD_16 = 40;
			var IDX_PROD_17 = 41;
			var IDX_PROD_18 = 42;
			var IDX_PROD_19 = 43;
			var IDX_PROD_20 = 44;
			var IDX_PROD_21 = 45;

			var IDX_KNOWHOW_0 = 46;
			var IDX_KNOWHOW_1 = 47;

			var IDX_NEWS = 48;
			
			var IDX_DOWN = 49;
////////////////////////////////////////////////////////////////////////////////

			var oLeft;
			var oRight;
			var oCurrent;
			var oCurrent_Image;
			var oCurrent_Text;
			var oProdDesc;
			var oDragImg;

			var iMin;
			var iPos;
			var iMax;

			var iOffset = 0;
			var iStart = 0;

			var iFade = 0;
			var bFade = true;
			var sFade = null;
			var lFade = null;

			var iView = 0;
			var iReal = 0;
			var oViews;
			var iCat = 0;

			var incCount			= 0;
			var totIncrement		= 0;
			var increment			= 858;
			var maxRightIncrement;

			var bDrag = false;
	
			var TimeToFadeConst = 400.0;
			var TimeToFade = TimeToFadeConst;

			window.onload = function( ) { preInit( ); }

			window.addEvent( 'domready' , function( ) { 

				  maxRightIncrement	= increment*-1*(incCount-1);

				  var fx = new Fx.Style('myList', 'margin-left', {
							duration: 1000,
							transition: Fx.Transitions.Back.easeInOut,
							wait: true
				   });

				  fx.set( totIncrement );

				  $('previous').addEvents({ 
					  'click' : function(event){

						  if(totIncrement<0){
								totIncrement = totIncrement+increment;
								fx.stop();
								fx.start(totIncrement);
								updateView( -1 );
						  }
						  else{
  								totIncrement = maxRightIncrement;
								fx.stop();
								fx.start(totIncrement);
								updateView( maxRightIncrement /  increment * -1 );
							}

							setTimeout( 'fadeDrop( 50 , 0 , 0, 0 );' , 1000 );

						}			  	  
				  }); 
				 
				  $('next').addEvents({ 
					  'click' : function(event){ 
						
						 if(totIncrement>maxRightIncrement){
							 totIncrement = totIncrement-increment;
							fx.stop()
							fx.start(totIncrement);
							updateView( +1 );
						}
						else{
							totIncrement = 0;
							fx.stop();
							fx.start(totIncrement);
							updateView( maxRightIncrement /  increment );
						}

						setTimeout( 'fadeDrop( 50 , 0 , 0, 0 );' , 1000 );

					  }	  		  
				  })
				 
			} );

			var iWindowWidth, iWindowHeight;
			var iWindowWidthNew, iWindowHeightNew;
			function checkWindowSize( )
			{

				if( document.body && document.body.offsetWidth ) { iWindowWidthNew = document.body.offsetWidth; }
				if( document.body && document.body.offsetHeight ) { iWindowHeightNew = document.body.offsetHeight - 4; }

				if( window.innerWidth ) { iWindowWidthNew = window.innerWidth; }
				if( window.innerHeight ) { iWindowHeightNew = window.innerHeight; }

				if( ! iWindowWidth )  { iWindowWidth = iWindowWidthNew; }
				if( ! iWindowHeight ) { iWindowHeight = iWindowHeightNew; }

				if( iWindowWidth != iWindowWidthNew || iWindowHeight != iWindowHeightNew ) { refreshMe( ); }
				
				iWindowWidth = iWindowWidthNew;
				iWindowHeight = iWindowHeightNew;

				if( iWindowHeight > 786 ) { $( 'bg' ).style.height = iWindowHeight + 'px'; }

			}

			function updateView( iCount )
			{
				var oDesc,sDesc,iDesc;

				iView += iCount;

				if( ! oViews[ iView ] ) { return; }

				oDesc = oViews[ iView ].id.split( "_" );

				iDesc = parseInt( oDesc[ 0 ] );
				iCat = parseInt( oDesc[ oDesc.length - 2 ] );

				oDesc[ 0 ] = "";
				oDesc[ oDesc.length - 2 ] = "";	
				oDesc[ oDesc.length - 1 ] = "";			
				
				sDesc = oDesc.join( " " );

				iOffset = iDesc;

				refreshMe( );

				setTimeout( 'loadContent( ' + iView + ');' , 10 );
				setTimeout( 'oCurrent_Text.innerHTML = \''+sDesc+'\';' , 250 );
			}

			function scrollToTop( sScroll ) { if( !  $( sScroll ) ) { return; } $( sScroll ).scrollTop = 0; }

			function loadContent( iContent )
			{

				var sTemp = '';

				if(iContent == 2)
				{
					scrollToTop( 'profil2scroll' );
					setImage( 'gallery_' + ( iContent - 1 ) , 'gallerie_' + ( iContent - 1 ) + '.png' );
				}
				if(iContent >= 3 && iContent <= 23)
				{
					setImage( 'gallery_' + ( iContent - 2 ) , 'gallerie_' + ( iContent - 2 ) + '.png' );
					
					if( iContent > 3 )  { setImage( 'gallery_' + ( iContent - 3 ) , 'gallerie_' + ( iContent - 3 ) + '.png' ); }
					if( iContent < 23 ) { setImage( 'gallery_' + ( iContent - 1 ) , 'gallerie_' + ( iContent - 1 ) + '.png' ); }
				}
				else if(iContent >= 25 && iContent <= 45)
				{
					if(iContent == 27) { scrollToTop( 'produkte3scroll' ); }
					if(iContent == 34) { scrollToTop( 'produkte10scroll' ); }

					setImage( 'produkte' + ( iContent - 24 ) , 'produkt_' + ( iContent - 24 ) + '.png' );

					if(iContent > 25 ) { setImage( 'gallery_' + ( iContent - 25 ) , 'gallerie_' + ( iContent - 25 ) + '.png' ); }
					if(iContent < 45 ) { setImage( 'gallery_' + ( iContent - 23 ) , 'gallerie_' + ( iContent - 23 ) + '.png' ); }
				}
				else if(iContent >= 46 && iContent <= 47)
				{
					if(iContent == 46) { scrollToTop( 'knowhow1scroll' ); }
					if(iContent == 47) { scrollToTop( 'knowhow2scroll' ); }

					setImage( 'knowhow' + ( iContent - 45 ) , 'knowhow_' + ( iContent - 45  ) + '.png' );

					if(iContent > 46 ) { setImage( 'gallery_' + ( iContent - 45 ) , 'gallerie_' + ( iContent - 45 ) + '.png' ); }
					if(iContent < 47 ) { setImage( 'gallery_' + ( iContent - 44 ) , 'gallerie_' + ( iContent - 44 ) + '.png' ); }
				}
				else if(iContent == 48)
				{
					scrollToTop( 'news0scroll' );
					for( var i = 20 ; i >= 1 ; i-- )
					{
						if( document.getElementById( 'news' + i ) ) { setImage( 'news' + i , 'news' + i + '.png' ); }
					}
				}
				else if(iContent == 49)
				{
					scrollToTop( 'down0scroll' );
				}
			}

			function setImage( sId , sImage )
			{
				if( ! document.getElementById( sId ) ) { return; }
				if( document.getElementById( sId ).style.backgroundImage.indexOf( sImage ) >= 0 ) { return; }

				sImage = 'url(' + sImage + ')';

				document.getElementById( sId ).style.backgroundImage = 'url(loading2.gif)';
				setTimeout( 'document.getElementById( \'' + sId + '\' ).style.backgroundImage = \'' + sImage + '\'; ' , 500 );
			}

			function refreshMe( )
			{
				oLeft = document.getElementById( 'previous' );
				oRight = document.getElementById( 'next' );
				oCurrent = document.getElementById( 'current' );
				oCurrent_Image = document.getElementById( 'current_img' );
				oCurrent_Text = document.getElementById( 'current_txt' );
				oProdDesc = document.getElementById( 'proddesc' );
				oDragImg = document.getElementById( 'dragImg' );

				oLeft.style.left = ( ( document.body.clientWidth - 900 ) / 2 - 60 ) + 'px';
				oLeft.style.visibility = 'visible';

				oRight.style.right = ( ( document.body.clientWidth - 900 ) / 2 - 60 ) + 'px';
				oRight.style.visibility = 'visible';

				iPos = ( ( ( document.body.clientWidth - 900 + 210 ) / 2 - 60 ) + iOffset );
				setCurrentPosition( oCurrent , iPos , oCurrent_Image , oCurrent_Text ); 
				oCurrent.style.visibility = 'visible';

				iMin = ( ( document.body.clientWidth - 900 + 210 ) / 2 - 60 );
				iMax = ( iMin + 692 );

				oViews =  document.getElementsByTagName( 'li' );
				incCount = oViews.length;
				maxRightIncrement	= increment*-1*(incCount-1);

				var iTemp;

				iTemp = 0;
				while( document.getElementById( 'sm'+iTemp ) )
				{
					document.getElementById( 'sm'+iTemp ).className = 'scroll_unselected';
					iTemp++;
				}
				document.getElementById( 'sm'+iCat ).className = 'scroll_selected';

				iTemp = 0;
				while( document.getElementById( 'qm'+iTemp ) )
				{
					document.getElementById( 'qm'+iTemp ).className = 'quick_unselected';
					iTemp++;
				}
				document.getElementById( 'qm'+iCat ).className = 'quick_selected';

			}

			function setCurrentPosition( oArrow , iArrow , oImage , oText )
			{

				if( ! oArrow ) { oArrow = oCurrent; }
				if( ! iArrow ) { iArrow = lFade; }
				if( ! oImage ) { oImage = oCurrent_Image; }
				if( ! oText ) { oText = oCurrent_Text; }	
				if( sFade == null ) { sFade = oText.innerHTML; }

				lFade = iArrow;

				if( iFade == 100 && bFade )
				{
					oText.style.visibility = 'visible';
					bFade = false;
				}
				else if( iFade == 0 && ! bFade )
				{
					oArrow.style.left = iArrow + 'px';
					bFade = true;
					setTimeout( 'setCurrentPosition( null , null , null );' , 20 );
				}
				else if( iFade >= 0 && bFade )
				{
					iFade += 10;
					oImage.style.backgroundImage = 'url( arrow_fade_' + iFade + '.png )';
					oText.style.filter = 'alpha(opacity='+iFade+')';
					oText.style.MozOpacity = iFade;
					setTimeout( 'setCurrentPosition( null , null , null );' , 20 );
				}
				else if( iFade <= 100 && ! bFade )
				{
					iFade -= 10;
					oImage.style.backgroundImage = 'url( arrow_fade_' + iFade + '.png )';
					oText.style.filter = 'alpha(opacity='+iFade+')';
					oText.style.MozOpacity = iFade;
					setTimeout( 'setCurrentPosition( null , null , null );' , 20 );
				}

			}


			var lastJump;
			function moveCursor( xPos , yPos , bRelease )
			{
				if( xPos > iMin && xPos < iMax )
				{

					iOffset = parseInt( xPos - iMin );

					var iJumpTo = -1;
					var iSoft = 0;

					if( iOffset + iSoft >=   0 && iOffset - iSoft < 110 ) { iJumpTo =  IDX_HOME; }
					//if( iOffset + iSoft >= 110 && iOffset - iSoft < 222 ) { iJumpTo =  IDX_PROFIL_0; }
					//if( iOffset + iSoft >= 222 && iOffset - iSoft < 334 ) { iJumpTo = IDX_PROD_0; }
					if( iOffset + iSoft >= 334 && iOffset - iSoft < 390 ) { iJumpTo = IDX_KNOWHOW_0; }
					if( iOffset + iSoft >= 390 && iOffset - iSoft < 446 ) { iJumpTo = IDX_KNOWHOW_1; }
					if( iOffset + iSoft >= 446 && iOffset - iSoft < 558 ) { iJumpTo = IDX_NEWS; }
					if( iOffset + iSoft >= 558 && iOffset - iSoft < 670 ) { iJumpTo = IDX_DOWN; }
					//if( iOffset + iSoft >= 670 && iOffset - iSoft < 782 ) { iJumpTo = IDX_ORTH; }

					for( var i = ( iOffset - 1 ) ; i <= ( iOffset + 1 ) ; i++ )
					{
						switch( i )
						{
							case 0:		iJumpTo = IDX_HOME;			break;
							case 110:	iJumpTo = IDX_PROFIL_0;		break;
							case 114:	iJumpTo = IDX_PROFIL_1;		break;
							case 118:	iJumpTo = IDX_PROFIL_2;		break;
							case 121:	iJumpTo = IDX_PROFIL_3;		break;
							case 125:	iJumpTo = IDX_PROFIL_4;		break;
							case 129:	iJumpTo = IDX_PROFIL_5;		break;
							case 133:	iJumpTo = IDX_PROFIL_6;		break;
							case 137:	iJumpTo = IDX_PROFIL_7;		break;
							case 141:	iJumpTo = IDX_PROFIL_8;		break;
							case 145:	iJumpTo = IDX_PROFIL_9;		break;
							case 149:	iJumpTo = IDX_PROFIL_10;	break;
							case 153:	iJumpTo = IDX_PROFIL_11;	break;
							case 157:	iJumpTo = IDX_PROFIL_12;	break;
							case 161:	iJumpTo = IDX_PROFIL_13;	break;
							case 165:	iJumpTo = IDX_PROFIL_14;	break;
							case 169:	iJumpTo = IDX_PROFIL_15;	break;
							case 173:	iJumpTo = IDX_PROFIL_16;	break;
							case 177:	iJumpTo = IDX_PROFIL_17;	break;
							case 181:	iJumpTo = IDX_PROFIL_18;	break;
							case 185:	iJumpTo = IDX_PROFIL_19;	break;
							case 189:	iJumpTo = IDX_PROFIL_20;	break;
							case 193:	iJumpTo = IDX_PROFIL_21;	break;
							case 197:	iJumpTo = IDX_PROFIL_22;	break;
							case 222:	iJumpTo = IDX_PROD_0;		break;
							case 227:	iJumpTo = IDX_PROD_1;		break;
							case 232:	iJumpTo = IDX_PROD_2;		break;
							case 237:	iJumpTo = IDX_PROD_3;		break;
							case 257:	iJumpTo = IDX_PROD_4;		break;
							case 262:	iJumpTo = IDX_PROD_5;		break;
							case 267:	iJumpTo = IDX_PROD_6;		break;
							case 272:	iJumpTo = IDX_PROD_7;		break;
							case 277:	iJumpTo = IDX_PROD_8;		break;
							case 282:	iJumpTo = IDX_PROD_9;		break;
							case 285:	iJumpTo = IDX_PROD_10;		break;
							case 288:	iJumpTo = IDX_PROD_11;		break;
							case 292:	iJumpTo = IDX_PROD_12;		break;
							case 297:	iJumpTo = IDX_PROD_13;		break;
							case 302:	iJumpTo = IDX_PROD_14;		break;
							case 307:	iJumpTo = IDX_PROD_15;		break;
							case 310:	iJumpTo = IDX_PROD_16;		break;
							case 313:	iJumpTo = IDX_PROD_17;		break;
							case 316:	iJumpTo = IDX_PROD_18;		break;
							case 319:	iJumpTo = IDX_PROD_19;		break;
							case 322:	iJumpTo = IDX_PROD_20;		break;
							case 325:	iJumpTo = IDX_PROD_21;		break;
						}
						if( iJumpTo >= 0 ) { break; }
					}

					if( iJumpTo <  0 ) { iJumpTo = lastJump; }
					if( bRelease && iReal == iJumpTo ) { bRelease = ! bRelease; alert(); }
					if( iJumpTo >= 0 && ( iView != iJumpTo || bRelease ) ) { lastJump = iJumpTo; jump( lastJump , ! bRelease ); }

				}

			}


			function jump( iPosition , bRelease )
			{
				var fx = new Fx.Style('myList', 'margin-left', {
							duration: 1200,
							transition: Fx.Transitions.Back.easeInOut,
							wait: true
				   });

				totIncrement = iPosition * increment * -1;
//				fx.stop();
				if( ! bRelease ) { iReal = iPosition - iView; fx.start(totIncrement); }
				updateView( iPosition - iView );	
				if( ! bDrag ) { setTimeout( 'fadeDrop( 50 , 0 , 0, 0 );' , 1000 ); }
			}

			function toggleMenu( iMen , bShow )
			{
				var sShow = 'visible';
				if( ! bShow ) { sShow = 'hidden'; }
				document.getElementById( 'men'+iMen ).style.left = ( ( ( document.body.clientWidth - 900 ) / 2 ) + document.getElementById( 'qm'+iMen ).offsetLeft - 4 ) + 'px';
				document.getElementById( 'men'+iMen ).style.visibility = sShow;
			}

			function toggleDesc( sFile , bShow )
			{
				sFile = sFile.replace( 'prod' , 'desc' );
				if( ! bShow ) { sFile = 'empty.png'; }				
				oProdDesc.src = sFile;
			}

			function pad( sString , iPad , sPad ) { while( sString.length < iPad ) { sString = sPad + '' + sString; } return sString; }

			function lastUpdate( )
			{
				var oDate = document.lastModified;
				if( ! oDate ) { var oTemp = new Date(); oDate = ( oTemp.getMonth() + 1 ) + '/' + oTemp.getDate() + '/' + oTemp.getFullYear(); }
				var oUpdate = oDate.split( " " )[ 0 ].split( "/" );	

				var sTemp = oUpdate[ 0 ];
				oUpdate[ 0 ] = oUpdate[ 1 ];
				oUpdate[ 1 ] = sTemp;

				oUpdate[ 0 ] = pad( oUpdate[ 0 ] , 2 , '0' );
				oUpdate[ 1 ] = pad( oUpdate[ 1 ] , 2 , '0' );
				oUpdate[ 2 ] = pad( oUpdate[ 2 ] , 4 , ' ' );

				return oUpdate.join( "." );
			}

			function fade(eid)
			{
				var element = document.getElementById(eid);
				
				if(element == null) return;
				if(element.FadeState == null){ element.FadeState = -2; }

				if( element.FadeState < 0 ) { scrollToTop( 'agbbox' ); }
				if( element.FadeState < 0 ) { scrollToTop( 'impressumbox' ); }

				if(element.FadeState == 1 || element.FadeState == -1)
				{
					element.FadeState = element.FadeState == 1 ? -1 : 1;
					element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
				}
				else
				{
					element.FadeState = element.FadeState == 2 ? -1 : 1;
					element.FadeTimeLeft = TimeToFade;
					setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
				}
			}

			function animateFade(lastTick, eid)
			{
				var curTick = new Date().getTime();
				var elapsedTicks = curTick - lastTick;
				var element = document.getElementById(eid);

				if(element.FadeTimeLeft <= elapsedTicks)
				{
					element.style.opacity = element.FadeState == 1 ? '1' : '0';
					element.style.filter = 'alpha(opacity = '+ (element.FadeState == 1 ? '100' : '0') + ')';
					element.FadeState = element.FadeState == 1 ? 2 : -2;
					if( element.style.opacity == 0 ) { element.style.display='none'; }
					return;
				}

				element.FadeTimeLeft -= elapsedTicks;
				var newOpVal = element.FadeTimeLeft/TimeToFade;
				if(element.FadeState == 1) newOpVal = 1 - newOpVal;
			
				element.style.opacity = newOpVal;
				element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';

				element.style.display='block';

				setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
			}

			function preInit( )
			{
				fadeDrop( 50 , 0 , 0, 0 );
				refreshMe( );
				jump( IDX_HOME );
				setTimeout( 'init( );' , 500 );
				setInterval( 'checkWindowSize( );' , 200 );
			}

			function init( )
			{
				TimeToFade = 0;
				fade( 'loading' );
				TimeToFade = 600.0;
				fade( 'loading' );
				TimeToFade = TimeToFadeConst;
			}

			function fadeDrop( iFrom , iTo , iStep , iVal )
			{

				if( iFrom == iTo ) { return; }

				if( iFrom < iTo ) { iVal += iStep; }
				if( iFrom > iTo ) { iVal -= iStep; }

				dragImg.src = 'drag_fade_' + iVal + '.png';

				if( iFrom < iTo && iVal < iTo ) { setTimeout( 'fadeDrop('+iFrom+','+iTo+','+iStep+','+iVal+');' , 25 ); }
				if( iFrom > iTo && iVal > iTo ) { setTimeout( 'fadeDrop('+iFrom+','+iTo+','+iStep+','+iVal+');' , 80 ); }
				if( iVal == iTo ) { dd.elements.drag.moveTo( lFade , 664 ); }

			}
			
			function ShowList( sURL )
            {
                window.open('http://www.thannershop.com/Downloads/Prospekte/' + sURL,'','');
            }
			
			function setAction( tAction , oAction )
			{
				document.getElementById( oAction ).value = tAction;
			}

			function checkCursor( oDIV , iMax , iAlign , oEvent )
			{
				var bRet = false;

				var iOffsetX = oEvent.clientX;
				var iOffsetY = oEvent.clientY;		
				
				if( iAlign == 0 && ( ( iOffsetX - oDIV.offsetLeft ) < iMax ) ) { bRet = true; }
				if( iAlign == 1 && ( ( iOffsetY - oDIV.offsetTop  ) < iMax ) ) { bRet = true; }

				return bRet;
			}