//
// psd2css.js
//
//   This is where all the javascript required is written.
//

var timerId;
$(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 ); });

  // 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-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-56").addClass("Wrap-55-56").hide();
  $("#Layer-55").addClass("Wrap-55-56");
  $(".Wrap-55-56").hover(
    function(){ $("#Layer-56").show(); $("#Layer-55").hide(); },
    function(){ $("#Layer-55").show(); $("#Layer-56").hide(); });
  $("#Layer-82").addClass("Wrap-81-82").hide();
  $("#Layer-81").addClass("Wrap-81-82");
  $(".Wrap-81-82").hover(
    function(){ $("#Layer-82").show(); $("#Layer-81").hide(); },
    function(){ $("#Layer-81").show(); $("#Layer-82").hide(); });
  $("#Layer-58").addClass("Wrap-57-58").hide();
  $("#Layer-57").addClass("Wrap-57-58");
  $(".Wrap-57-58").hover(
    function(){ $("#Layer-58").show(); $("#Layer-57").hide(); },
    function(){ $("#Layer-57").show(); $("#Layer-58").hide(); });
  $("#Layer-6").addClass("Wrap-5-6").hide();
  $("#Layer-5").addClass("Wrap-5-6");
  $(".Wrap-5-6").hover(
    function(){ $("#Layer-6").show(); $("#Layer-5").hide(); },
    function(){ $("#Layer-5").show(); $("#Layer-6").hide(); });
  $("#Layer-8").addClass("Wrap-7-8").hide();
  $("#Layer-7").addClass("Wrap-7-8");
  $(".Wrap-7-8").hover(
    function(){ $("#Layer-8").show(); $("#Layer-7").hide(); },
    function(){ $("#Layer-7").show(); $("#Layer-8").hide(); });
  $("#Layer-11").addClass("Wrap-10-11").hide();
  $("#Layer-10").addClass("Wrap-10-11");
  $(".Wrap-10-11").hover(
    function(){ $("#Layer-11").show(); $("#Layer-10").hide(); },
    function(){ $("#Layer-10").show(); $("#Layer-11").hide(); });
  $("#Layer-13").addClass("Wrap-12-13").hide();
  $("#Layer-12").addClass("Wrap-12-13");
  $(".Wrap-12-13").hover(
    function(){ $("#Layer-13").show(); $("#Layer-12").hide(); },
    function(){ $("#Layer-12").show(); $("#Layer-13").hide(); });
  $("#Layer-15").addClass("Wrap-14-15").hide();
  $("#Layer-14").addClass("Wrap-14-15");
  $(".Wrap-14-15").hover(
    function(){ $("#Layer-15").show(); $("#Layer-14").hide(); },
    function(){ $("#Layer-14").show(); $("#Layer-15").hide(); });
  $("#Layer-17").addClass("Wrap-16-17").hide();
  $("#Layer-16").addClass("Wrap-16-17");
  $(".Wrap-16-17").hover(
    function(){ $("#Layer-17").show(); $("#Layer-16").hide(); },
    function(){ $("#Layer-16").show(); $("#Layer-17").hide(); });
  $("#Layer-19").addClass("Wrap-18-19").hide();
  $("#Layer-18").addClass("Wrap-18-19");
  $(".Wrap-18-19").hover(
    function(){ $("#Layer-19").show(); $("#Layer-18").hide(); },
    function(){ $("#Layer-18").show(); $("#Layer-19").hide(); });
  $("#Layer-21").addClass("Wrap-20-21").hide();
  $("#Layer-20").addClass("Wrap-20-21");
  $(".Wrap-20-21").hover(
    function(){ $("#Layer-21").show(); $("#Layer-20").hide(); },
    function(){ $("#Layer-20").show(); $("#Layer-21").hide(); });
  $("#Layer-23").addClass("Wrap-22-23").hide();
  $("#Layer-22").addClass("Wrap-22-23");
  $(".Wrap-22-23").hover(
    function(){ $("#Layer-23").show(); $("#Layer-22").hide(); },
    function(){ $("#Layer-22").show(); $("#Layer-23").hide(); });
 /* $("#Layer-25").addClass("Wrap-24-25").hide();
  $("#Layer-24").addClass("Wrap-24-25");
  $(".Wrap-24-25").hover(
    function(){ $("#Layer-25").show(); $("#Layer-24").hide(); },
    function(){ $("#Layer-24").show(); $("#Layer-25").hide(); }); */
  $("#Layer-28").addClass("Wrap-27-28").hide();
  $("#Layer-27").addClass("Wrap-27-28");
  $(".Wrap-27-28").hover(
    function(){ $("#Layer-28").show(); $("#Layer-27").hide(); },
    function(){ $("#Layer-27").show(); $("#Layer-28").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-32").addClass("Wrap-31-32").hide();
  $("#Layer-31").addClass("Wrap-31-32");
  $(".Wrap-31-32").hover(
    function(){ $("#Layer-32").show(); $("#Layer-31").hide(); },
    function(){ $("#Layer-31").show(); $("#Layer-32").hide(); });
  $("#Layer-34").addClass("Wrap-33-34").hide();
  $("#Layer-33").addClass("Wrap-33-34");
  $(".Wrap-33-34").hover(
    function(){ $("#Layer-34").show(); $("#Layer-33").hide(); },
    function(){ $("#Layer-33").show(); $("#Layer-34").hide(); });
  $("#Layer-36").addClass("Wrap-35-36").hide();
  $("#Layer-35").addClass("Wrap-35-36");
  $(".Wrap-35-36").hover(
    function(){ $("#Layer-36").show(); $("#Layer-35").hide(); },
    function(){ $("#Layer-35").show(); $("#Layer-36").hide(); });
  $("#Layer-38").addClass("Wrap-37-38").hide();
  $("#Layer-37").addClass("Wrap-37-38");
  $(".Wrap-37-38").hover(
    function(){ $("#Layer-38").show(); $("#Layer-37").hide(); },
    function(){ $("#Layer-37").show(); $("#Layer-38").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-43").addClass("Wrap-42-43").hide();
  $("#Layer-42").addClass("Wrap-42-43");
  $(".Wrap-42-43").hover(
    function(){ $("#Layer-43").show(); $("#Layer-42").hide(); },
    function(){ $("#Layer-42").show(); $("#Layer-43").hide(); });
  $("#Layer-45").addClass("Wrap-44-45").hide();
  $("#Layer-44").addClass("Wrap-44-45");
  $(".Wrap-44-45").hover(
    function(){ $("#Layer-45").show(); $("#Layer-44").hide(); },
    function(){ $("#Layer-44").show(); $("#Layer-45").hide(); });
  $("#Layer-47").addClass("Wrap-46-47").hide();
  $("#Layer-46").addClass("Wrap-46-47");
  $(".Wrap-46-47").hover(
    function(){ $("#Layer-47").show(); $("#Layer-46").hide(); },
    function(){ $("#Layer-46").show(); $("#Layer-47").hide(); });
  $("#Layer-49").addClass("Wrap-48-49").hide();
  $("#Layer-48").addClass("Wrap-48-49");
  $(".Wrap-48-49").hover(
    function(){ $("#Layer-49").show(); $("#Layer-48").hide(); },
    function(){ $("#Layer-48").show(); $("#Layer-49").hide(); });
  
  // This is code to handle the shop_menu menu
  $("#Layer-9").hide().addClass("allMenus");
  $("#Layer-8").click(function(e){
    e.preventDefault();
    $(".allMenus").hide("slow");
    $("#Layer-9").show("slow");
    // 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-9").hide("slow")', 6000 );
  });
  
  // This is code to handle the community_menu menu
/*  $("#Layer-26").hide().addClass("allMenus");
  $("#Layer-25").click(function(e){
    e.preventDefault();
    $(".allMenus").hide("slow");
    $("#Layer-26").show("slow");
    // 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-26").hide("slow")', 6000 );
  }); */
  
  // This is code to handle the activities_menu menu
  $("#Layer-39").hide().addClass("allMenus");
  $("#Layer-38").click(function(e){
    e.preventDefault();
    $(".allMenus").hide("slow");
    $("#Layer-39").show("slow");
    // 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-39").hide("slow")', 6000 );
  });

});