$(document).ready(function(){

  // This is required for the PNG fix to work.
  if( $.fn.pngfix != null )
    $("img[@src$=png]").pngfix();

  // 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 ); });

  // Some iPhone support
  var ua = navigator.userAgent;
  if (ua.indexOf("iPhone") > 0) {
    if ($.iPhone) {
      $.iPhone.hideURLbar(1);
      $.iPhone.orientchange(function(){ $.iPhone.hideURLbar(1); });
    }
    $('head').append( '<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>' );
  }

  // 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-17").addClass("Wrap-19-17").hide();
  $("#Layer-19").addClass("Wrap-19-17");
  $(".Wrap-19-17").hover(
    function(){ $("#Layer-17").show(); $("#Layer-19").hide(); },
    function(){ $("#Layer-19").show(); $("#Layer-17").hide(); });
  */
  $("#Layer-21").addClass("Wrap-23-21").hide();

  
  $("#Layer-19").hover(
  	function(){$("#Layer-19").css("background","url(images/Layer-17.png)")},
  	function(){$("#Layer-19").css("background","url(images/Layer-19.png)")}
  );
  
  $("#Layer-23").hover(
  	function(){$("#Layer-23").css("background","url(images/Layer-21.png)")},
  	function(){$("#Layer-23").css("background","url(images/Layer-23.png)")}
  );

  $("#Layer-27").hover(
  	function(){$("#Layer-27").css("background","url(images/Layer-25.png)")},
  	function(){$("#Layer-27").css("background","url(images/Layer-27.png)")}
  );
  
  $("#Layer-31").hover(
  	function(){$("#Layer-31").css("background","url(images/Layer-29.png)")},
  	function(){$("#Layer-31").css("background","url(images/Layer-31.png)")}
  );
 
  $("#Layer-25").addClass("Wrap-27-25").hide();
  /*
  $("#Layer-27").addClass("Wrap-27-25");
  $(".Wrap-27-25").hover(
    function(){ $("#Layer-25").show(); $("#Layer-27").hide(); },
    function(){ $("#Layer-27").show(); $("#Layer-25").hide(); });
  */
 
  $("#Layer-29").addClass("Wrap-31-29").hide();

  /*  
  $("#Layer-31").addClass("Wrap-31-29");
  $(".Wrap-31-29").hover(
    function(){ $("#Layer-29").show(); $("#Layer-31").hide(); },
    function(){ $("#Layer-31").show(); $("#Layer-29").hide(); });
  */
 
});