$(document).ready(function() {
  var snow0 = $('<img />').attr('src', '/images/website/menu-snow_off.gif');
  var snow1 = $('<img />').attr('src', '/images/website/menu-snow_on.gif');
  var skate0 = $('<img />').attr('src', '/images/website/menu-skate_off.gif');
  var skate1 = $('<img />').attr('src', '/images/website/menu-skate_on.gif');
  var surf0 = $('<img />').attr('src', '/images/website/menu-surf_off.gif');
  var surf1 = $('<img />').attr('src', '/images/website/menu-surf_on.gif');
  var girls0 = $('<img />').attr('src', '/images/website/menu-girls_off.gif');
  var girls1 = $('<img />').attr('src', '/images/website/menu-girls_on.gif');
  var forums0 = $('<img />').attr('src', '/images/website/menu-forums_off.gif');
  var forums1 = $('<img />').attr('src', '/images/website/menu-forums_on.gif');
  var profile0 = $('<img />').attr('src', '/images/website/menu-profile_off.gif');
  var profile1 = $('<img />').attr('src', '/images/website/menu-profile_on.gif');
  var register0 = $('<img />').attr('src', '/images/website/menu-register_off.gif');
  var register1 = $('<img />').attr('src', '/images/website/menu-register_on.gif');
  var login0 = $('<img />').attr('src', '/images/website/menu-login_off.gif');
  var login1 = $('<img />').attr('src', '/images/website/menu-login_on.gif');


  $("#loginButton").click(
    function() {
      $("#loginBox").slideToggle("fast");
      if (!$("#login").hasClass('loginClicked')) {
        $("#login").addClass('loginClicked');
        $("#loginButton").addClass('loginClicked');
      }
      else {
        $("#login").removeClass('loginClicked');
        $("#loginButton").removeClass('loginClicked');
      }
    return false;
    });

     $("#girls").mouseover(function () {
        $(this).find("span").text("Coming Soon...");
        $(this).find("span").css('font-size', '10pt');
        $(this).find("span").css('padding-top', '10px');
      }).mouseout(function() {
        $(this).find("span").text("Girls");
        $(this).find("span").css('font-size', '13pt');
        $(this).find("span").css('padding-top', '7px');
      }
    );

     $("#surf").mouseover(function () {
        $(this).find("span").text("Coming Soon...");
        $(this).find("span").css('font-size', '10pt');
        $(this).find("span").css('padding-top', '10px');
      }).mouseout(function() {
        $(this).find("span").text("Surf");
        $(this).find("span").css('font-size', '13pt');
        $(this).find("span").css('padding-top', '7px');
      }
    );

});