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';
        }
        
      }); 
        
      
      /**
       * Addition 11.02.2010
       * Auto change images every X seconds using the existing
       * functionality. by "fh"
       */
      if ($('#vor').length != 0 && $('#zurueck').length != 0 && $('#holder').length != 0)
      {
        var direction_forward = true;
        var holder_max_x      = document.getElementById('holder').offsetWidth-300;

        window.setInterval(function()
        {
          if (direction_forward)
            $('#vor').trigger('click');
          else
            $('#zurueck').trigger('click');

          if (position == holder_max_x || position == 0)
            direction_forward = !direction_forward;
            
        }, 4000);
      }


      if ($('#tuch_vor').length != 0 && $('#tuch_zurueck').length != 0 && $('#holder').length != 0)
      {
        var tuch_direction_forward = true;
        var tuch_holder_max_x      = document.getElementById('holder').offsetWidth-260;

        window.setInterval(function()
        {
          if (tuch_direction_forward)
            $('#tuch_vor').trigger('click');
          else
            $('#tuch_zurueck').trigger('click');

          
          if (position == tuch_holder_max_x || position < 1)
            tuch_direction_forward = !tuch_direction_forward;
            
        }, 4000);
      }
        
        
    });