jQuery(function( $ ){
  // strict xhtml - target tag
  $('a[rel="external"]').attr('target', '_blank');

  // show email
  $('a.email').each(function() {
    e = this.rel.replace('/','@');
    this.href = 'mailto:' + e;
    $(this).text(e);
  });

  $('#eins').focus();

  // back links
  $('a.back').click(function(){
    $(this).parents('div.pane').scrollTo( 0, 800, { queue:true } );
    return false;
  });

  // This one is important, many browsers don't reset scroll on refreshes
  // Reset all scrollable panes to (0,0)
  $('div.pane').scrollTo( 0 );
  // Reset the screen to (0,0)
  $.scrollTo( 0 );
      
  // Target examples bindings
  var $paneTarget = $('#pane-target');

  $('#eins').click(function(){
    $paneTarget.stop().scrollTo( '#e0', 400 );
  });
  $('#zwei').click(function(){
    $paneTarget.stop().scrollTo( '#e1', 400 );
  });
  $('#drei').click(function(){
    $paneTarget.stop().scrollTo( '#e2', 400 );
  });
  $('#vier').click(function(){
    $paneTarget.stop().scrollTo( '#e6', 800 );
  });
  $('#sechs').click(function(){
    $paneTarget.stop().scrollTo( '#e5', 800 );
  });
  $('#zurueck').click(function(){
    $paneTarget.stop().scrollTo( '#e1', 800 );
  });
});