//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   February 16, 2010, 10:04 pm with psd2css Online version 1.74

$(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-10").addClass("Wrap-11-10").hide();
  $("#Layer-11").addClass("Wrap-11-10");
  $(".Wrap-11-10").hover(
    function(){ $("#Layer-10").show(); $("#Layer-11").hide(); },
    function(){ $("#Layer-11").show(); $("#Layer-10").hide(); });
  $("#Layer-12").addClass("Wrap-13-12").hide();
  $("#Layer-13").addClass("Wrap-13-12");
  $(".Wrap-13-12").hover(
    function(){ $("#Layer-12").show(); $("#Layer-13").hide(); },
    function(){ $("#Layer-13").show(); $("#Layer-12").hide(); });
  $("#Layer-14").addClass("Wrap-15-14").hide();
  $("#Layer-15").addClass("Wrap-15-14");
  $(".Wrap-15-14").hover(
    function(){ $("#Layer-14").show(); $("#Layer-15").hide(); },
    function(){ $("#Layer-15").show(); $("#Layer-14").hide(); });
  $("#Layer-16").addClass("Wrap-17-16").hide();
  $("#Layer-17").addClass("Wrap-17-16");
  $(".Wrap-17-16").hover(
    function(){ $("#Layer-16").show(); $("#Layer-17").hide(); },
    function(){ $("#Layer-17").show(); $("#Layer-16").hide(); });
  $("#Layer-18").addClass("Wrap-19-18").hide();
  $("#Layer-19").addClass("Wrap-19-18");
  $(".Wrap-19-18").hover(
    function(){ $("#Layer-18").show(); $("#Layer-19").hide(); },
    function(){ $("#Layer-19").show(); $("#Layer-18").hide(); });
  $("#Layer-20").addClass("Wrap-21-20").hide();
  $("#Layer-21").addClass("Wrap-21-20");
  $(".Wrap-21-20").hover(
    function(){ $("#Layer-20").show(); $("#Layer-21").hide(); },
    function(){ $("#Layer-21").show(); $("#Layer-20").hide(); });
  $("#Layer-22").addClass("Wrap-23-22").hide();
  $("#Layer-23").addClass("Wrap-23-22");
  $(".Wrap-23-22").hover(
    function(){ $("#Layer-22").show(); $("#Layer-23").hide(); },
    function(){ $("#Layer-23").show(); $("#Layer-22").hide(); });
  $("#Layer-28").addClass("Wrap-29-28").hide();
  $("#Layer-29").addClass("Wrap-29-28");
  $(".Wrap-29-28").hover(
    function(){ $("#Layer-28").show(); $("#Layer-29").hide(); },
    function(){ $("#Layer-29").show(); $("#Layer-28").hide(); });
  $("#Layer-32").addClass("Wrap-33-32").hide();
  $("#Layer-33").addClass("Wrap-33-32");
  $(".Wrap-33-32").hover(
    function(){ $("#Layer-32").show(); $("#Layer-33").hide(); },
    function(){ $("#Layer-33").show(); $("#Layer-32").hide(); });
  $("#Layer-34").addClass("Wrap-35-34").hide();
  $("#Layer-35").addClass("Wrap-35-34");
  $(".Wrap-35-34").hover(
    function(){ $("#Layer-34").show(); $("#Layer-35").hide(); },
    function(){ $("#Layer-35").show(); $("#Layer-34").hide(); });
  $("#Layer-36").addClass("Wrap-37-36").hide();
  $("#Layer-37").addClass("Wrap-37-36");
  $(".Wrap-37-36").hover(
    function(){ $("#Layer-36").show(); $("#Layer-37").hide(); },
    function(){ $("#Layer-37").show(); $("#Layer-36").hide(); });
  $("#Layer-38").addClass("Wrap-39-38").hide();
  $("#Layer-39").addClass("Wrap-39-38");
  $(".Wrap-39-38").hover(
    function(){ $("#Layer-38").show(); $("#Layer-39").hide(); },
    function(){ $("#Layer-39").show(); $("#Layer-38").hide(); });
  $("#Layer-40").addClass("Wrap-41-40").hide();
  $("#Layer-41").addClass("Wrap-41-40");
  $(".Wrap-41-40").hover(
    function(){ $("#Layer-40").show(); $("#Layer-41").hide(); },
    function(){ $("#Layer-41").show(); $("#Layer-40").hide(); });
  $("#Layer-42").addClass("Wrap-43-42").hide();
  $("#Layer-43").addClass("Wrap-43-42");
  $(".Wrap-43-42").hover(
    function(){ $("#Layer-42").show(); $("#Layer-43").hide(); },
    function(){ $("#Layer-43").show(); $("#Layer-42").hide(); });
  $("#Layer-44").addClass("Wrap-45-44").hide();
  $("#Layer-45").addClass("Wrap-45-44");
  $(".Wrap-45-44").hover(
    function(){ $("#Layer-44").show(); $("#Layer-45").hide(); },
    function(){ $("#Layer-45").show(); $("#Layer-44").hide(); });
  $("#Layer-49").addClass("Wrap-50-49").hide();
  $("#Layer-50").addClass("Wrap-50-49");
  $(".Wrap-50-49").hover(
    function(){ $("#Layer-49").show(); $("#Layer-50").hide(); },
    function(){ $("#Layer-50").show(); $("#Layer-49").hide(); });
  $("#Layer-51").addClass("Wrap-52-51").hide();
  $("#Layer-52").addClass("Wrap-52-51");
  $(".Wrap-52-51").hover(
    function(){ $("#Layer-51").show(); $("#Layer-52").hide(); },
    function(){ $("#Layer-52").show(); $("#Layer-51").hide(); });
  $("#Layer-53").addClass("Wrap-54-53").hide();
  $("#Layer-54").addClass("Wrap-54-53");
  $(".Wrap-54-53").hover(
    function(){ $("#Layer-53").show(); $("#Layer-54").hide(); },
    function(){ $("#Layer-54").show(); $("#Layer-53").hide(); });

  // 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: banner
  var scrollOffset2 = 0;
  $('#Layer-4').append( $('#Layer-2') );
  $('#Layer-2').clone().addClass('Copy-Layer-2').insertAfter('#Layer-2');
  function ScrollFunc()
  {
    // Change the speed of the scroll by changing the '2' in the following
    // line after the '+='.  Negative numbers scroll the other way.
    scrollOffset2 += 2;
    // Scroll vertically by changing 'left' to 'top' and 'width' to 'height
    // in the following lines
    $('#Layer-2').css( 'left', scrollOffset2 );
    $('.Copy-Layer-2').css( 'left', scrollOffset2 - $('.Copy-Layer-2').width() + 1 );
    if( scrollOffset2 > $('.Copy-Layer-2').width() )
      scrollOffset2 -= $('.Copy-Layer-2').width();
  }
  setInterval( ScrollFunc, 64 );


});