function tabsBox() {
	
}

tabsBox.vodPath = '';
tabsBox.gamePath = '';
tabsBox.currentTab = '';

function htmlEncode(value){
  return $('<div/>').text(value).html();
}

function htmlDecode(value){
  return $('<div/>').html(value).text();
}


tabsBox.init = function (){
	tabsBox.vodPath = '/ajax/video.php';
	tabsBox.gamePath = '/ajax/games.php';
	tabsBox.funPath = '/ajax/promote.php';
	tabsBox.gcPath = '/ajax/gc.php';
	
	this.buildVOD();
}

tabsBox.buildVOD = function (){
	
	if(tabsBox.currentTab != '') {
		rollStyle(tabsBox.currentTab, tabsBox.currentTab);
		//document.getElementById(tabsBox.currentTab).setAttribute("class", tabsBox.currentTab);
	}
	
	tabsBox.currentTab = 'btnWatch';
	document.getElementById("cont").innerHTML = "";
	document.getElementById("tabs_more").innerHTML = "";
	//document.getElementById("btnWatch").setAttribute("class", "btnWatchOn");
	rollStyle("btnWatch", "btnWatchOn");
	
	var param = {mainpage:'0'};
	this.cmd(tabsBox.currentTab, param, this.VOD_cb);
}

tabsBox.buildGame = function (){
	
	if(tabsBox.currentTab != '') {
		rollStyle(tabsBox.currentTab, tabsBox.currentTab);
		//document.getElementById(tabsBox.currentTab).setAttribute("class", tabsBox.currentTab);
	}
	
	tabsBox.currentTab = 'btnPlay';
	document.getElementById("cont").innerHTML = "";
	document.getElementById("tabs_more").innerHTML = "";
	//document.getElementById("btnPlay").setAttribute("class", "btnPlayOn");
	rollStyle("btnPlay", "btnPlayOn");
	
	var param = {mainpage:'yes'};
	this.cmd(tabsBox.currentTab, param, this.game_cb);
	
}

tabsBox.buildGC = function (){
	
	if(tabsBox.currentTab != '') {
		rollStyle(tabsBox.currentTab, tabsBox.currentTab);
		//document.getElementById(tabsBox.currentTab).setAttribute("class", tabsBox.currentTab);
	}
	
	tabsBox.currentTab = 'btnGC';
	document.getElementById("cont").innerHTML = "";
	document.getElementById("tabs_more").innerHTML = "";
	//document.getElementById("btnGC").setAttribute("class", "btnGCOn");
	rollStyle("btnGC", "btnGCOn");

	var param = {};
	this.cmd(tabsBox.currentTab, param, this.GC_cb);
	
}

tabsBox.buildFun = function (){
	
	if(tabsBox.currentTab != '') {
		rollStyle(tabsBox.currentTab, tabsBox.currentTab);
		//document.getElementById(tabsBox.currentTab).setAttribute("class", tabsBox.currentTab);
	}
	
	tabsBox.currentTab = 'btnFeature';
	document.getElementById("cont").innerHTML = "";
	document.getElementById("tabs_more").innerHTML = "";
	//document.getElementById("btnFeature").setAttribute("class", "btnFeatureOn");
	rollStyle("btnFeature", "btnFeatureOn");

	var param = {category:'12'};
	this.cmd(tabsBox.currentTab, param, this.fun_cb);
	
}

tabsBox.cmd = function (tab, param, callback) {
	
	if(tab == 'btnWatch') {
		path = this.vodPath;
	}else if(tab == 'btnPlay') {
		path = this.gamePath;
	}else if(tab == 'btnGC') {
		path = this.gcPath;
	}else if(tab == 'btnFeature') {
		path = this.funPath;
	}
	
	jQuery.ajax({
		type: 'GET',
		url: path,
		data: param,
		dataType: 'json',
		cacheResponse: true,
		cacheResponseTimer: 50000,
		success: callback
	 });

}

tabsBox.VOD_cb = function (data) {
	if(data.status=='success') {

		var records = data.response;
		var tempcnt=0;
		
		document.getElementById("cont").style.height = '348px';
		
		for (var key in records ){
			
			var thumbURL = "/thumb_vod/" + lang + "/" + records[key]["thumb"];
			var pic = make_url(thumbURL, cdndomain)
			var views = records[key]["views"]==null?0:records[key]["views"];
			var url = "/video/video.php?video=" + records[key]["vod_key"];
			
			var content = "<a href=\"" + url + "\" onClick=\"var s=s_gi(s_account); s.tl(this,'o','" + ccode + ":tabBox - Video - " + escape(records[key]["title"]) + "');\"><div class=\"item\"><div class=\"thumb\"><img src=\"" + pic + "\"></div><div class=\"show\">" + htmlDecode(records[key]["show"]) + "</div><div class=\"title\">" + records[key]["title"] + "</div><div class=\"views\">" + views + " views</div></div></a>";
			
			document.getElementById("cont").innerHTML = document.getElementById("cont").innerHTML + content;
			document.getElementById("tabs_more").innerHTML = '<a href="javascript:void(0);" onClick="tabsBox.goURL();var s=s_gi(s_account); s.tl(this,\'o\',\'' + ccode + ':tabBox - Video - More\');"><div class="more"></div></a>';
			
			tempcnt++;
			
			if(tempcnt == 8) {
				break;
			}
			
		}

	}else{
		alert(data.msg)
	}
}

tabsBox.game_cb = function (data) {
	if(data.status=='success') {

		var records = data.response;
		var tempcnt=0;
		
		document.getElementById("cont").style.height = '348px';
		
		for (var key in records ){
			
			var thumbURL = "/thumb_game/" + lang + "/" + records[key]["pic"];
			var pic = make_url(thumbURL, cdndomain)
			var url = records[key]["url"]
			
			var content = "<a href=\"" + url + "\" onClick=\"var s=s_gi(s_account); s.tl(this,'o','" + ccode + ":tabBox - Play - " + escape(records[key]["name"]) + "');\"><div class=\"item\"><div class=\"thumb\"><img src=\"" + pic + "\"></div><div class=\"show\">" + records[key]["name"] + "</div><div class=\"playbtn\"></div></div></a>";
			
			document.getElementById("cont").innerHTML = document.getElementById("cont").innerHTML + content;
			document.getElementById("tabs_more").innerHTML = '<a href="javascript:void(0);" onClick="tabsBox.goURL();var s=s_gi(s_account); s.tl(this,\'o\',\'' + ccode + ':tabBox - Play - More\');"><div class="more"></div></a>';
			
			tempcnt++;
			
			if(tempcnt == 8) {
				break;
			}
			
		}

	}else{
		alert(data.msg)
	}
}

tabsBox.fun_cb = function (data) {
	if(data.status=='success') {

		var records = data.response;
		var tempcnt=0;
		
		document.getElementById("cont").style.height = '398px';
		
		for (var key in records ){
			
			var pic = records[key]["filename"];
			var url = records[key]["url"]
			
			var content = "<a href=\"" + url + "\" onClick=\"var s=s_gi(s_account); s.tl(this,'o','" + ccode + ":tabBox - Fun Things - " + escape(records[key]["title"]) + "');\"><div class=\"fitem\"><div class=\"thumb\"><img src=\"" + pic + "\"></div><div class=\"fshow\">" + records[key]["title"] + "</div><div class=\"checkbtn\"></div></div></a>";
			
			document.getElementById("cont").innerHTML = document.getElementById("cont").innerHTML + content;
			
			tempcnt++;
			
			if(tempcnt == 8) {
				break;
			}
			
		}

	}else{
		alert(data.msg)
	}
}

tabsBox.GC_cb = function (data) {
	if(data.status=='success') {

		var records = data.response;
		var tempcnt=0;
		var content = '';
		
		document.getElementById("cont").style.height = '348px';
		
		for (var key in records ){
			
			content = content + '<div class="GCCat"><div class="' + key + '"></div>';
			var count = 0;
			
			if(key == "ben10") {
				var prefix = "gamecreator";
			}else if(key == "batman") {
				var prefix = "batmangamecreator";
			}else if(key == "swtcw") {
				var prefix = "starwarsgamecreator";
			}
			
			for ( var key2 in records[key]) {
				content = content + '<a href="http://' + prefix + cookiedomain +'/?id=' + records[key][key2]['id'] + '" onClick=\"var s=s_gi(s_account); s.tl(this,\'o\',\'' + ccode + ':tabBox - ' + key.toUpperCase() + ' Game Creator - ' + records[key][key2]['id'] + '\');\"><div class="gameitem"><div class="gamepic"><img src="' + records[key][key2]['thumb'] + '" width="104"></div><div class="gametxt">by: ' + records[key][key2]['creator'] + '</div></div></a>';
				
				count ++;
				
				if(count >= 3) {
					break;
				}
			}
			
			content = content + '</div>';
			
			/*
			var pic = records[key]["path"];
			var url = records[key]["url"]
			
			var content = "<a href=\"" + url + "\"><div class=\"item\"><div class=\"thumb\"><img src=\"" + pic + "\"></div><div class=\"show\">" + records[key]["title"] + "</div><div class=\"checkbtn\"></div></div></a>";
			
			document.getElementById("cont").innerHTML = document.getElementById("cont").innerHTML + content;
			
			tempcnt++;
			
			if(tempcnt == 8) {
				break;
			}
			*/
			
			document.getElementById("cont").innerHTML = content;
			document.getElementById("tabs_more").innerHTML = '<a href="http://gamecreator' + cookiedomain  + '" onClick="tabsBox.goURL();var s=s_gi(s_account); s.tl(this,\'o\',\'' + ccode + ':tabBox - Ben 10 Game Creator - More\');"><div class="more_gc"></div></a><a href="http://batmangamecreator' + cookiedomain  + '" onClick="tabsBox.goURL();var s=s_gi(s_account); s.tl(this,\'o\',\'' + ccode + ':tabBox - Batman Game Creator - More\');"><div class="more_gc"></div></a><a href="http://starwarsgamecreator' + cookiedomain  + '" onClick="tabsBox.goURL();var s=s_gi(s_account); s.tl(this,\'o\',\'' + ccode + ':tabBox - Starwars Game Creator - More\');"><div class="more_gc"></div></a>';

			
		}

	}else{
		alert(data.msg)
	}
}

tabsBox.goURL = function() {
	if(tabsBox.currentTab == 'btnWatch') {
		url = '/video';
	}else if(tabsBox.currentTab == 'btnPlay') {
		url = '/games';
	}else if(tabsBox.currentTab == 'btnGC') {
		url = '';
	}else if(tabsBox.currentTab == 'btnFeature') {
		url = '';
	}
	
	window.location = url;
}

jQuery(document).ready(function() {
	tabsBox.init();
});