$(function() {

   /* ---- =STAGE 01 --*/

   $(".play").click(function() {

      $(".boardSmall").animate({ top: "0px" }, 1000, "easeInOutQuad");
      $(".play").fadeOut(800);
      $(".save").fadeOut(800);

   });

//   /* ---- =STAGE 02 --*/

//   $(".gold01").click(function() {

//      $(".boardLarge").animate({ top: "0px" }, 1000, "easeInOutQuad");
//      $(".boardSmall").animate({ top: "-999px" }, 1000, "easeInOutQuad");
//      $(".vicky").fadeOut(800);

//   });

//   /* ---- =STAGE 03 --*/

//   $(".gold02").click(function() {

//      $(".boardLarge").animate({ top: "-999px" }, 1000, "easeInOutQuad");
//      $(".boardSmallForm").animate({ top: "0px" }, 1000, "easeInOutQuad");
//      $(".vicky").fadeIn(800);

//   });

//   /* ---- =STAGE 04 --*/

//   $(".gold03").click(function() {

//      $(".boardSmallForm").animate({ top: "-999px" }, 1000, "easeInOutQuad");
//      $(".boardSmallThanks").animate({ top: "0px" }, 1000, "easeInOutQuad");

//   });

   /* ---- =MENU --*/

   $(".menu").hover(function() {
      $(".menu").stop().animate({ bottom: "-135px" }, 1000, "easeInOutExpo");
      $("#menuToggle").addClass("on");
      $("#menuToggle").text("Hide Menu");

   },


   function() {
      $(".menu").stop().animate({ bottom: "-200px" }, 1000, "easeInOutExpo");
      $("#menuToggle").removeClass("on");
      $("#menuToggle").text("Show Menu");
      $(".menuRedInfo").fadeOut(0);
      $(".menuYellowInfo").fadeOut(0);
      $(".menuGreenInfo").fadeOut(0);
   });

   $(".menuRed").click(function() {

      $(".menu").animate({ bottom: "0px" }, 1000, "easeInOutQuad");
      $(".menuRedInfo").fadeIn(0);
      $(".menuYellowInfo").fadeOut(0);
      $(".menuGreenInfo").fadeOut(0);


   });

   $(".menuYellow").click(function() {

      $(".menu").animate({ bottom: "0px" }, 1000, "easeInOutQuad");
      $(".menuYellowInfo").fadeIn(0);
      $(".menuRedInfo").fadeOut(0);
      $(".menuGreenInfo").fadeOut(0);


   });

   $(".menuGreen").click(function() {

      $(".menu").animate({ bottom: "0px" }, 1000, "easeInOutQuad");
      $(".menuGreenInfo").fadeIn(0);
      $(".menuRedInfo").fadeOut(0);
      $(".menuYellowInfo").fadeOut(0);


   });

   $(".gold04").click(function() {

      $(".menu").animate({ bottom: "-200px" }, 1000, "easeInOutQuad");

   });

   /* ---- =SCROLL --*/

   $('.boardLargeRightInner').jScrollPane({ showArrows: true, scrollbarWidth: 16, scrollbarMargin: 20, dragMaxHeight: 13, dragMinHeight: 13 });
   $('.boardLargeLeftInner').jScrollPane({ showArrows: true, scrollbarWidth: 16, scrollbarMargin: 20, dragMaxHeight: 13, dragMinHeight: 13 });


});