//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   June 8, 2011, 1:32 pm with psd2css Online version 1.95

var timerId;
$(document).ready(function(){

  // This is required for the PNG fix to work.
  if (window.DD_belatedPNG)
    DD_belatedPNG.fix('.pngimg');

  // This is some javascript to stop IE from displaying the img alt attributes
  // when you mouse over imagess.  If you would like IE to display the alt attributes,
  // just comment out the following 4 lines.  Don't worry, if you leave this in 
  // place, your ALT attributes are still readable by the search engines.
  var tmpalt;
  $("img").hover( 
    function(){ tmpalt = $(this).attr( "alt" ); $(this).attr( "alt", "" ); },
    function(){ $(this).attr( "alt", tmpalt ); });

  // This is code to handle all of the _linkover events.  It works by
  // creating a special Wrap class, adding it to the link and linkover
  // divs of each link and linkover pair, and assigning a hover event to
  // that.
  $("#Layer-5").addClass("Wrap-4-5").hide();
  $("#Layer-4").addClass("Wrap-4-5");
  $(".Wrap-4-5").hover(
    function(){ $("#Layer-5").show(); $("#Layer-4").hide(); },
    function(){ $("#Layer-4").show(); $("#Layer-5").hide(); });
  $("#Layer-7").addClass("Wrap-6-7").hide();
  $("#Layer-6").addClass("Wrap-6-7");
  $(".Wrap-6-7").hover(
    function(){ $("#Layer-7").show(); $("#Layer-6").hide(); },
    function(){ $("#Layer-6").show(); $("#Layer-7").hide(); });
  $("#Layer-9").addClass("Wrap-8-9").hide();
  $("#Layer-8").addClass("Wrap-8-9");
  $(".Wrap-8-9").hover(
    function(){ $("#Layer-9").show(); $("#Layer-8").hide(); },
    function(){ $("#Layer-8").show(); $("#Layer-9").hide(); });
  $("#Layer-30").addClass("Wrap-29-30").hide();
  $("#Layer-29").addClass("Wrap-29-30");
  $(".Wrap-29-30").hover(
    function(){ $("#Layer-30").show(); $("#Layer-29").hide(); },
    function(){ $("#Layer-29").show(); $("#Layer-30").hide(); });
  $("#Layer-33").addClass("Wrap-32-33").hide();
  $("#Layer-32").addClass("Wrap-32-33");
  $(".Wrap-32-33").hover(
    function(){ $("#Layer-33").show(); $("#Layer-32").hide(); },
    function(){ $("#Layer-32").show(); $("#Layer-33").hide(); });
  $("#Layer-35").addClass("Wrap-34-35").hide();
  $("#Layer-34").addClass("Wrap-34-35");
  $(".Wrap-34-35").hover(
    function(){ $("#Layer-35").show(); $("#Layer-34").hide(); },
    function(){ $("#Layer-34").show(); $("#Layer-35").hide(); });
  $("#Layer-37").addClass("Wrap-36-37").hide();
  $("#Layer-36").addClass("Wrap-36-37");
  $(".Wrap-36-37").hover(
    function(){ $("#Layer-37").show(); $("#Layer-36").hide(); },
    function(){ $("#Layer-36").show(); $("#Layer-37").hide(); });
  $("#Layer-39").addClass("Wrap-38-39").hide();
  $("#Layer-38").addClass("Wrap-38-39");
  $(".Wrap-38-39").hover(
    function(){ $("#Layer-39").show(); $("#Layer-38").hide(); },
    function(){ $("#Layer-38").show(); $("#Layer-39").hide(); });
  $("#Layer-41").addClass("Wrap-40-41").hide();
  $("#Layer-40").addClass("Wrap-40-41");
  $(".Wrap-40-41").hover(
    function(){ $("#Layer-41").show(); $("#Layer-40").hide(); },
    function(){ $("#Layer-40").show(); $("#Layer-41").hide(); });
  $("#Layer-44").addClass("Wrap-43-44").hide();
  $("#Layer-43").addClass("Wrap-43-44");
  $(".Wrap-43-44").hover(
    function(){ $("#Layer-44").show(); $("#Layer-43").hide(); },
    function(){ $("#Layer-43").show(); $("#Layer-44").hide(); });
  $("#Layer-46").addClass("Wrap-45-46").hide();
  $("#Layer-45").addClass("Wrap-45-46");
  $(".Wrap-45-46").hover(
    function(){ $("#Layer-46").show(); $("#Layer-45").hide(); },
    function(){ $("#Layer-45").show(); $("#Layer-46").hide(); });
  $("#Layer-48").addClass("Wrap-47-48").hide();
  $("#Layer-47").addClass("Wrap-47-48");
  $(".Wrap-47-48").hover(
    function(){ $("#Layer-48").show(); $("#Layer-47").hide(); },
    function(){ $("#Layer-47").show(); $("#Layer-48").hide(); });
  $("#Layer-50").addClass("Wrap-49-50").hide();
  $("#Layer-49").addClass("Wrap-49-50");
  $(".Wrap-49-50").hover(
    function(){ $("#Layer-50").show(); $("#Layer-49").hide(); },
    function(){ $("#Layer-49").show(); $("#Layer-50").hide(); });
  $("#Layer-53").addClass("Wrap-52-53").hide();
  $("#Layer-52").addClass("Wrap-52-53");
  $(".Wrap-52-53").hover(
    function(){ $("#Layer-53").show(); $("#Layer-52").hide(); },
    function(){ $("#Layer-52").show(); $("#Layer-53").hide(); });
  $("#Layer-55").addClass("Wrap-54-55").hide();
  $("#Layer-54").addClass("Wrap-54-55");
  $(".Wrap-54-55").hover(
    function(){ $("#Layer-55").show(); $("#Layer-54").hide(); },
    function(){ $("#Layer-54").show(); $("#Layer-55").hide(); });
  $("#Layer-57").addClass("Wrap-56-57").hide();
  $("#Layer-56").addClass("Wrap-56-57");
  $(".Wrap-56-57").hover(
    function(){ $("#Layer-57").show(); $("#Layer-56").hide(); },
    function(){ $("#Layer-56").show(); $("#Layer-57").hide(); });
  $("#Layer-59").addClass("Wrap-58-59").hide();
  $("#Layer-58").addClass("Wrap-58-59");
  $(".Wrap-58-59").hover(
    function(){ $("#Layer-59").show(); $("#Layer-58").hide(); },
    function(){ $("#Layer-58").show(); $("#Layer-59").hide(); });
  $("#Layer-61").addClass("Wrap-60-61").hide();
  $("#Layer-60").addClass("Wrap-60-61");
  $(".Wrap-60-61").hover(
    function(){ $("#Layer-61").show(); $("#Layer-60").hide(); },
    function(){ $("#Layer-60").show(); $("#Layer-61").hide(); });
  $("#Layer-64").addClass("Wrap-63-64").hide();
  $("#Layer-63").addClass("Wrap-63-64");
  $(".Wrap-63-64").hover(
    function(){ $("#Layer-64").show(); $("#Layer-63").hide(); },
    function(){ $("#Layer-63").show(); $("#Layer-64").hide(); });
  $("#Layer-66").addClass("Wrap-65-66").hide();
  $("#Layer-65").addClass("Wrap-65-66");
  $(".Wrap-65-66").hover(
    function(){ $("#Layer-66").show(); $("#Layer-65").hide(); },
    function(){ $("#Layer-65").show(); $("#Layer-66").hide(); });
  $("#Layer-68").addClass("Wrap-67-68").hide();
  $("#Layer-67").addClass("Wrap-67-68");
  $(".Wrap-67-68").hover(
    function(){ $("#Layer-68").show(); $("#Layer-67").hide(); },
    function(){ $("#Layer-67").show(); $("#Layer-68").hide(); });
  $("#Layer-69").addClass("Wrap-70-69").hide();
  $("#Layer-70").addClass("Wrap-70-69");
  $(".Wrap-70-69").hover(
    function(){ $("#Layer-69").show(); $("#Layer-70").hide(); },
    function(){ $("#Layer-70").show(); $("#Layer-69").hide(); });
  $("#Layer-71").addClass("Wrap-72-71").hide();
  $("#Layer-72").addClass("Wrap-72-71");
  $(".Wrap-72-71").hover(
    function(){ $("#Layer-71").show(); $("#Layer-72").hide(); },
    function(){ $("#Layer-72").show(); $("#Layer-71").hide(); });
  $("#Layer-73").addClass("Wrap-74-73").hide();
  $("#Layer-74").addClass("Wrap-74-73");
  $(".Wrap-74-73").hover(
    function(){ $("#Layer-73").show(); $("#Layer-74").hide(); },
    function(){ $("#Layer-74").show(); $("#Layer-73").hide(); });
  $("#Layer-75").addClass("Wrap-76-75").hide();
  $("#Layer-76").addClass("Wrap-76-75");
  $(".Wrap-76-75").hover(
    function(){ $("#Layer-75").show(); $("#Layer-76").hide(); },
    function(){ $("#Layer-76").show(); $("#Layer-75").hide(); });
  $("#Layer-77").addClass("Wrap-78-77").hide();
  $("#Layer-78").addClass("Wrap-78-77");
  $(".Wrap-78-77").hover(
    function(){ $("#Layer-77").show(); $("#Layer-78").hide(); },
    function(){ $("#Layer-78").show(); $("#Layer-77").hide(); });
  $("#Layer-79").addClass("Wrap-80-79").hide();
  $("#Layer-80").addClass("Wrap-80-79");
  $(".Wrap-80-79").hover(
    function(){ $("#Layer-79").show(); $("#Layer-80").hide(); },
    function(){ $("#Layer-80").show(); $("#Layer-79").hide(); });
  $("#Layer-81").addClass("Wrap-82-81").hide();
  $("#Layer-82").addClass("Wrap-82-81");
  $(".Wrap-82-81").hover(
    function(){ $("#Layer-81").show(); $("#Layer-82").hide(); },
    function(){ $("#Layer-82").show(); $("#Layer-81").hide(); });
  $("#Layer-84").addClass("Wrap-83-84").hide();
  $("#Layer-83").addClass("Wrap-83-84");
  $(".Wrap-83-84").hover(
    function(){ $("#Layer-84").show(); $("#Layer-83").hide(); },
    function(){ $("#Layer-83").show(); $("#Layer-84").hide(); });
  $("#Layer-85").addClass("Wrap-86-85").hide();
  $("#Layer-86").addClass("Wrap-86-85");
  $(".Wrap-86-85").hover(
    function(){ $("#Layer-85").show(); $("#Layer-86").hide(); },
    function(){ $("#Layer-86").show(); $("#Layer-85").hide(); });
  $("#Layer-87").addClass("Wrap-88-87").hide();
  $("#Layer-88").addClass("Wrap-88-87");
  $(".Wrap-88-87").hover(
    function(){ $("#Layer-87").show(); $("#Layer-88").hide(); },
    function(){ $("#Layer-88").show(); $("#Layer-87").hide(); });
  $("#Layer-90").addClass("Wrap-89-90").hide();
  $("#Layer-89").addClass("Wrap-89-90");
  $(".Wrap-89-90").hover(
    function(){ $("#Layer-90").show(); $("#Layer-89").hide(); },
    function(){ $("#Layer-89").show(); $("#Layer-90").hide(); });
  $("#Layer-92").addClass("Wrap-91-92").hide();
  $("#Layer-91").addClass("Wrap-91-92");
  $(".Wrap-91-92").hover(
    function(){ $("#Layer-92").show(); $("#Layer-91").hide(); },
    function(){ $("#Layer-91").show(); $("#Layer-92").hide(); });
  $("#Layer-93").addClass("Wrap-94-93").hide();
  $("#Layer-94").addClass("Wrap-94-93");
  $(".Wrap-94-93").hover(
    function(){ $("#Layer-93").show(); $("#Layer-94").hide(); },
    function(){ $("#Layer-94").show(); $("#Layer-93").hide(); });
  
  // This is code to handle the motorroller_hmenu menu
  $("#Layer-31").hide().addClass("allMenus");
  $("#Layer-79").mouseover(function(e){
    e.preventDefault();
    $(".allMenus").hide();
    $("#Layer-31").show();
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    clearTimeout( timerId );
    timerId = setTimeout( '$("#Layer-31").hide()', 7000 );
  });
  
  // This is code to handle the zubehor_hmenu menu
  $("#Layer-42").hide().addClass("allMenus");
  $("#Layer-81").mouseover(function(e){
    e.preventDefault();
    $(".allMenus").hide();
    $("#Layer-42").show();
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    clearTimeout( timerId );
    timerId = setTimeout( '$("#Layer-42").hide()', 7000 );
  });
  
  // This is code to handle the umbauten_hmenu menu
  $("#Layer-51").hide().addClass("allMenus");
  $("#Layer-84").mouseover(function(e){
    e.preventDefault();
    $(".allMenus").hide();
    $("#Layer-51").show();
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    clearTimeout( timerId );
    timerId = setTimeout( '$("#Layer-51").hide()', 7000 );
  });
  
  // This is code to handle the spezialitat_hmenu menu
  $("#Layer-62").hide().addClass("allMenus");
  $("#Layer-90").mouseover(function(e){
    e.preventDefault();
    $(".allMenus").hide();
    $("#Layer-62").show();
    // Remove the following 2 lines if you don't want this menu to dissappear
    // automatically.  Change how long the menu stays visible by changing
    // the 4000 to another number of milliseconds
    clearTimeout( timerId );
    timerId = setTimeout( '$("#Layer-62").hide()', 7000 );
  });

  // Here we add some javascript to take care of the scrolling
  // sections of the page that you designed.  It works by removing
  // each scrollcontent layer (and it's children) from the DOM and re-
  // inserting it (and a copy) inside the matching scrollframe layer.
  // Then we define an interval timer with a callback function
  // where we move the scrollcontent within the scrollframe.
  // Scrolling code for: scroller
  //var scrollOffset15 = 0;
 // $('#Layer-14').append( $('#Layer-15') );
 // $('#Layer-15').clone().addClass('Copy-Layer-15').insertAfter('#Layer-15');
 // function ScrollFunc()
 // {
    // Change the speed of the scroll by changing the '2' in the following
    // line after the '+='.  Negative numbers scroll the other way.
   // scrollOffset15 += 2;
    // Scroll vertically by changing 'left' to 'top' and 'width' to 'height
    // in the following lines
  //  $('#Layer-15').css( 'left', scrollOffset15 );
  //  $('.Copy-Layer-15').css( 'left', scrollOffset15 - $('.Copy-Layer-15').width() + 1 );
   // if( scrollOffset15 > $('.Copy-Layer-15').width() )
 //     scrollOffset15 -= $('.Copy-Layer-15').width();
 // }
 // setInterval( ScrollFunc, 64 );



  /* This is where we hook up the Facebook Share button to Facebook  */


  // Here are the functions to support communication between your
  // video controls and your video(s).  The video(s) play in p2cvideo.swf.
  // That swf file has registered the p2cplay(), p2crewind() and p2cpause() callbacks
  // with the javascript instance on this page.

  function getFlashVideo(div) {
    var flashVideo = ($('#'+div+' [name="'+div+'-video"]')[0]) ?
                      $('#'+div+' [name="'+div+'-video"]')[0] :
                            ((window[div+'-video']) ?
                              window[div+'-video'] : document[div+'-video']);
    return flashVideo;
  }

  $('#Layer-4').click(function(e){ e.preventDefault(); getFlashVideo('Layer-10').p2cPlay(); });
  $('#Layer-5').click(function(e){ e.preventDefault(); getFlashVideo('Layer-10').p2cPlay(); });
  $('#Layer-6').click(function(e){ e.preventDefault(); getFlashVideo('Layer-10').p2cRewind(); });
  $('#Layer-7').click(function(e){ e.preventDefault(); getFlashVideo('Layer-10').p2cRewind(); });
  $('#Layer-8').click(function(e){ e.preventDefault(); getFlashVideo('Layer-10').p2cPause(); });
  $('#Layer-9').click(function(e){ e.preventDefault(); getFlashVideo('Layer-10').p2cPause(); });






























































































});