// 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.games-tab-content-area")[0].className = "games-tab-content-area active";
	$(".scroll-button.left").hover(function(){
											scrolling_interval = setInterval("fnGamesScroll('left')",100);
											},
									function(){
											clearInterval(scrolling_interval);
											});
	$(".scroll-button.right").hover(function(){
											 scrolling_interval = setInterval("fnGamesScroll('right')",100);
											 },
									function(){
											clearInterval(scrolling_interval);
											});
	
	$("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 fnGamesScroll(direction){
	var scrolBy;
	var maxScroll = 0;
	var gameItmWidth = parseFloat($("div.new-game-item").css("width"));
	var intGameItems = parseFloat($("div.games-tab-content-area.active div.new-game-item").length);
	
	
	maxScroll = intGameItems * gameItmWidth;
	maxScroll = maxScroll / -1;
	
	
	var curPos = parseFloat($("div.games-tab-content-area.active").css("left"));
	direction=='left' ? scrolBy = 20 : scrolBy = -20;

	curPos = curPos + scrolBy;
	if(curPos > maxScroll && curPos <= 0){
		$("div.games-tab-content-area.active").css({
			left:  curPos+"px"
			});
		}
	}
		


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;
	}