//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   August 28, 2011, 3:04 pm with psd2css Online version 1.95

$(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-9").addClass("Wrap-16-9").hide();
  $("#Layer-16").addClass("Wrap-16-9");
  $(".Wrap-16-9").hover(
    function(){ $("#Layer-9").show(); $("#Layer-16").hide(); },
    function(){ $("#Layer-16").show(); $("#Layer-9").hide(); });
  $("#Layer-10").addClass("Wrap-17-10").hide();
  $("#Layer-17").addClass("Wrap-17-10");
  $(".Wrap-17-10").hover(
    function(){ $("#Layer-10").show(); $("#Layer-17").hide(); },
    function(){ $("#Layer-17").show(); $("#Layer-10").hide(); });
  $("#Layer-11").addClass("Wrap-18-11").hide();
  $("#Layer-18").addClass("Wrap-18-11");
  $(".Wrap-18-11").hover(
    function(){ $("#Layer-11").show(); $("#Layer-18").hide(); },
    function(){ $("#Layer-18").show(); $("#Layer-11").hide(); });
  $("#Layer-12").addClass("Wrap-19-12").hide();
  $("#Layer-19").addClass("Wrap-19-12");
  $(".Wrap-19-12").hover(
    function(){ $("#Layer-12").show(); $("#Layer-19").hide(); },
    function(){ $("#Layer-19").show(); $("#Layer-12").hide(); });
  $("#Layer-13").addClass("Wrap-20-13").hide();
  $("#Layer-20").addClass("Wrap-20-13");
  $(".Wrap-20-13").hover(
    function(){ $("#Layer-13").show(); $("#Layer-20").hide(); },
    function(){ $("#Layer-20").show(); $("#Layer-13").hide(); });
  $("#Layer-14").addClass("Wrap-21-14").hide();
  $("#Layer-21").addClass("Wrap-21-14");
  $(".Wrap-21-14").hover(
    function(){ $("#Layer-14").show(); $("#Layer-21").hide(); },
    function(){ $("#Layer-21").show(); $("#Layer-14").hide(); });
  $("#Layer-15").addClass("Wrap-22-15").hide();
  $("#Layer-22").addClass("Wrap-22-15");
  $(".Wrap-22-15").hover(
    function(){ $("#Layer-15").show(); $("#Layer-22").hide(); },
    function(){ $("#Layer-22").show(); $("#Layer-15").hide(); });

  // Initialize the slidecontainer and slidepane features.  We use the
  // scrollable part of the jquery Tools UI available at http://flowplayer.org.
  // There are lots of options available, we've added a couple here.  Check out
  // the docs at their site for more.
  $("div.slidecontainer").scrollable({ size: 1 })
    // If you don't want your scrollpanes to automatcially advance every 5 seconds,
    // then just comment out the next line.  If you want them to auto advance
    // at a different rate just change the interval number there.
    .autoscroll({ interval: 10000 })
    .circular();




























});