function UnCryptMailto(s, shift) {
	var n=0;
	var r="";
	for(var i=0;i<s.length;i++) { 
		n=s.charCodeAt(i); 
		if (n>=8364) {n = 128;}
		r += String.fromCharCode(n-(shift)); 
	}
	return r;
}
function linkTo_UnCryptMailto(s, shift)	{
	location.href=UnCryptMailto(s, shift);
}

jQuery(function( $ ){
			/**
			 * Demo binding and preparation, no need to read this part
			 */
				//borrowed from jQuery easing plugin
				//http://gsgd.co.uk/sandbox/jquery.easing.php
				$.easing.elasout = function(x, t, b, c, d) {
					var s=1.70158;var p=0;var a=c;
					if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
					if (a < Math.abs(c)) { a=c; var s=p/4; }
					else var s = p/(2*Math.PI) * Math.asin (c/a);
					return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
				};
				$('a.back').click(function(){
					$(this).parents('div.pane').scrollTo( 0, 800, { queue:true } );
					$(this).parents('div.section').find('span.message').text( this.title );
					return false;
				});
				//just for the example, to stop the click on the links.
				$('ul.links').click(function(e){
					e.preventDefault();
					var link = e.target;
					link.blur();
					if( link.title )
						$(this).parent().find('span.message').text(link.title);
				});
			
			//by default, the scroll is only done vertically ('y'), change it to both.
			$.scrollTo.defaults.axis = 'xy'; 			
			//this one is important, many browsers don't reset scroll on refreshes
			$('div.pane').scrollTo( 0 );//reset all scrollable panes to (0,0)
			$.scrollTo( 0 );//reset the screen to (0,0)
								
			//Target examples bindings
			var $paneTarget = $('#pane-target');
			
			//var scrollwert = document.getElementById('pane-target').offsetHeight;
			
			var scrollwert = 0;
			
			//var scrollwert_minus = scrollwert*(-1);
			
			//alert(scrollwert_minus);
			
			var $buestenx = $('#buesten');
			
			var $tuchstoffex = $('#tuchstoffe');

			var position = 0;
			
			var textpos = 0;
			
			if (document.getElementById('pane-target')) {
				//alert(document.getElementById('pane-target').offsetHeight);
				//alert(document.getElementsByTagName("p")[0].offsetHeight);
				if(document.getElementById('pane-target').offsetHeight < document.getElementsByTagName("p")[0].offsetHeight){
					if(document.getElementById('textnavi')){
					document.getElementById('textnavi').style.display = 'block';
					}
				}
			}
			
			
			if (document.getElementById('zurueck') ) {
			document.getElementById('zurueck').style.display = 'none';
			}
			
			if (document.getElementById('textzurueck')){
				document.getElementById('textzurueck').style.display = 'none';
			}
			
				
			$('#zurueck').click(function(){
				//$paneTarget.scrollTo( '-=235', 500, {axis:'x'} );
				$buestenx.scrollTo( '-=300', 0, {axis:'x'} );
				position-=300;
				document.getElementById('vor').style.display = 'inline';
				//alert(position);
				if (position == 0){
				//alert("kleiner gleich 0");
				document.getElementById('zurueck').style.display = 'none';
				}
			});
			
			$('#vor').click(function(){
				//$paneTarget.scrollTo( '+=235', 500, {axis:'x'} );
				$buestenx.scrollTo( '+=300', 0, {axis:'x'} );
				position+=300;
				//alert(position);
				document.getElementById('zurueck').style.display = 'inline';
				if (position == (document.getElementById('holder').offsetWidth-300)){
				//alert(document.getElementById('holder').offsetWidth);
				//alert("groesser gleich offset");
				document.getElementById('vor').style.display = 'none';
				}
			});
			
			
			
			$('#tuch_zurueck').click(function(){
				//$paneTarget.scrollTo( '-=235', 500, {axis:'x'} );
				$tuchstoffex.scrollTo( '-=260', 0, {axis:'x'} );
				position-=260;
				document.getElementById('tuch_vor').style.display = 'inline';
				//alert(position);
				if (position == 0){
				//alert("kleiner gleich 0");
				document.getElementById('tuch_zurueck').style.display = 'none';
				}
			});
			
			$('#tuch_vor').click(function(){
				//$paneTarget.scrollTo( '+=235', 500, {axis:'x'} );
				$tuchstoffex.scrollTo( '+=260', 0, {axis:'x'} );
				position+=260;
				//alert(position);
				document.getElementById('tuch_zurueck').style.display = 'inline';
				if (position == (document.getElementById('holder').offsetWidth-260)){
				//alert(document.getElementById('holder').offsetWidth);
				//alert("groesser gleich offset");
				document.getElementById('tuch_vor').style.display = 'none';
				}
			});
			
			
						
			$('#textvor').click(function(){
			
			scrollwert+=document.getElementById('pane-target').offsetHeight;
			
			$paneTarget.scrollTo( scrollwert, 1000, {axis:'y'} );
			
			textpos+=document.getElementById('pane-target').offsetHeight;
			
				
				document.getElementById('textzurueck').style.display = 'inline';
				
				//alert(document.getElementsByTagName("p")[0].offsetHeight);
				
				if (textpos > (document.getElementsByTagName("p")[0].offsetHeight-document.getElementById('pane-target').offsetHeight) || textpos == (document.getElementsByTagName("p")[0].offsetHeight-document.getElementById('pane-target').offsetHeight)){
				document.getElementById('textvor').style.display = 'none';
				}
				
			});			
			
			$('#textzurueck').click(function(){
				
				document.getElementById('textvor').style.display = 'inline';
				
				//alert(scrollwert_minus);
				
				scrollwert-=document.getElementById('pane-target').offsetHeight;
				
				$paneTarget.scrollTo( scrollwert, 1000, {axis:'y'} );
										
				textpos-=document.getElementById('pane-target').offsetHeight;
				
				
				if (textpos <= 0){
				document.getElementById('textzurueck').style.display = 'none';
				}
				
			});	
				
				
		});