//
// psd2css.js
//
//   This is where all the javascript required by your design is written.
//
//   Originally generated at http://psd2cssonline.com 
//   August 29, 2009, 2:04 am with psd2css Online version 1.45

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-30").addClass("Wrap-33-30").hide();
  $("#Layer-33").addClass("Wrap-33-30");
  $(".Wrap-33-30").hover(
    function(){ $("#Layer-30").show(); $("#Layer-33").hide(); },
    function(){ $("#Layer-33").show(); $("#Layer-30").hide(); });
  $("#Layer-31").addClass("Wrap-34-31").hide();
  $("#Layer-34").addClass("Wrap-34-31");
  $(".Wrap-34-31").hover(
    function(){ $("#Layer-31").show(); $("#Layer-34").hide(); },
    function(){ $("#Layer-34").show(); $("#Layer-31").hide(); });
  $("#Layer-32").addClass("Wrap-35-32").hide();
  $("#Layer-35").addClass("Wrap-35-32");
  $(".Wrap-35-32").hover(
    function(){ $("#Layer-32").show(); $("#Layer-35").hide(); },
    function(){ $("#Layer-35").show(); $("#Layer-32").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-39").addClass("Wrap-42-39").hide();
  $("#Layer-42").addClass("Wrap-42-39");
  $(".Wrap-42-39").hover(
    function(){ $("#Layer-39").show(); $("#Layer-42").hide(); },
    function(){ $("#Layer-42").show(); $("#Layer-39").hide(); });
  $("#Layer-40").addClass("Wrap-43-40").hide();
  $("#Layer-43").addClass("Wrap-43-40");
  $(".Wrap-43-40").hover(
    function(){ $("#Layer-40").show(); $("#Layer-43").hide(); },
    function(){ $("#Layer-43").show(); $("#Layer-40").hide(); });
  $("#Layer-41").addClass("Wrap-44-41").hide();
  $("#Layer-44").addClass("Wrap-44-41");
  $(".Wrap-44-41").hover(
    function(){ $("#Layer-41").show(); $("#Layer-44").hide(); },
    function(){ $("#Layer-44").show(); $("#Layer-41").hide(); });
  $("#Layer-45").addClass("Wrap-46-45").hide();
  $("#Layer-46").addClass("Wrap-46-45");
  $(".Wrap-46-45").hover(
    function(){ $("#Layer-45").show(); $("#Layer-46").hide(); },
    function(){ $("#Layer-46").show(); $("#Layer-45").hide(); });
  $("#Layer-48").addClass("Wrap-49-48").hide();
  $("#Layer-49").addClass("Wrap-49-48");
  $(".Wrap-49-48").hover(
    function(){ $("#Layer-48").show(); $("#Layer-49").hide(); },
    function(){ $("#Layer-49").show(); $("#Layer-48").hide(); });
  $("#Layer-50").addClass("Wrap-51-50").hide();
  $("#Layer-51").addClass("Wrap-51-50");
  $(".Wrap-51-50").hover(
    function(){ $("#Layer-50").show(); $("#Layer-51").hide(); },
    function(){ $("#Layer-51").show(); $("#Layer-50").hide(); });
  $("#Layer-52").addClass("Wrap-53-52").hide();
  $("#Layer-53").addClass("Wrap-53-52");
  $(".Wrap-53-52").hover(
    function(){ $("#Layer-52").show(); $("#Layer-53").hide(); },
    function(){ $("#Layer-53").show(); $("#Layer-52").hide(); });
  $("#Layer-54").addClass("Wrap-55-54").hide();
  $("#Layer-55").addClass("Wrap-55-54");
  $(".Wrap-55-54").hover(
    function(){ $("#Layer-54").show(); $("#Layer-55").hide(); },
    function(){ $("#Layer-55").show(); $("#Layer-54").hide(); });
  $("#Layer-56").addClass("Wrap-57-56").hide();
  $("#Layer-57").addClass("Wrap-57-56");
  $(".Wrap-57-56").hover(
    function(){ $("#Layer-56").show(); $("#Layer-57").hide(); },
    function(){ $("#Layer-57").show(); $("#Layer-56").hide(); });
  
  // This is code to handle the media_menu menu
  $("#Layer-38").hide().addClass("allMenus");
  $("#Layer-36").click(function(e){
    e.preventDefault();
    $(".allMenus").hide("slow");
    $("#Layer-38").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-38").hide("slow")', 4000 );
  });
  
  // This is code to handle the store_menu menu
  $("#Layer-47").hide().addClass("allMenus");
  $("#Layer-45").click(function(e){
    e.preventDefault();
    $(".allMenus").hide("slow");
    $("#Layer-47").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-47").hide("slow")', 4000 );
  });

});