// JavaScript Document
var g_strCurChar = "spongebob";
var g_strCharArray = new Array("spongebob", "patrick", "gary", "sandy",
    "squidward", "krabs", "plankton");

$(document).ready(
    function() {
      $("div.promo-box-item").click(function() {
        var boolIsOn = $(this).hasClass("on");
        if (!boolIsOn) {
          $("div.promo-box-item.on").removeClass("on");
          $(this).addClass("on");
          var strItemId = $(this).attr("id");
          var strMainId = strItemId.replace(/tab/, "item");
          $("div.promo-item.active").removeClass("active");
          $("#" + strMainId).addClass("active");
        }
      });

      $("div.new-games-tab img").click(
          function() {
            var boolUp = $(this).parent("div").hasClass("up");
            if (!boolUp) {
              var strTabName = $(this).attr('alt');
              var imgSource = $(this).attr('src');
              var overImg = imgSource.replace(/\.gif/, "_over.gif");

              var strCurrentUpImg = $("div.new-games-tab.up img").attr("src");
              strCurrentUpImg = strCurrentUpImg.replace(/_over\.gif/, ".gif");
              $("div.new-games-tab.up img").attr('src', strCurrentUpImg)
                  .parent("div").removeClass('up');

              $('.games-tab-content-area.active').removeClass('active');

              $(this).attr('src', overImg).parent("div").addClass('up');

              $('#tab-content-' + strTabName.toLowerCase() + '-tab').addClass(
                  'active');
            }

          });

      $("#char-nav-left").click(function() {
        fnGetCharInfo("back");
      });
      $("#char-nav-right").click(function() {
        fnGetCharInfo("next");
      });
    });

function fnGetCharInfo(charName) {
  var intNextChar = fnGetCharPos(g_strCurChar) + 1;
  var intPrevChar = intNextChar - 2;

  if (intNextChar >= g_strCharArray.length) {
    intNextChar = 0;
  }
  if (intPrevChar < 0) {
    intPrevChar = g_strCharArray.length - 1;
  }

  if (charName == "next") {
    charName = g_strCharArray[intNextChar];
  } else if (charName == "back") {
    charName = g_strCharArray[intPrevChar];
  }

  g_strCurChar = charName.toLowerCase();

  var charURL = "characters/" + charName + ".html";

  $("#char-table").load(charURL);

}

function fnGetCharPos(charName) {

  var intCharPos = 0;
  for (i = 0; i < g_strCharArray.length; i++) {
    if (charName == g_strCharArray[i]) {
      intCharPos = i;
      break;
    }
  }

  return intCharPos;
}