var b_arr = new Object();
b_arr['channel'] = new Array();

b_arr['channel'][0] = new Array();
b_arr['channel'][0]['title'] = 'b0c4d8';
b_arr['channel'][0]['number'] = 'acaba9';
b_arr['channel'][0]['name'] = 'fcc446';
b_arr['channel'][0]['role'] = 'fcc446';
b_arr['channel'][0]['fontColor'] = 'cccccc';
b_arr['channel'][0]['contentColor'] = 'fcc446';
b_arr['channel'][0]['bgColor'] = '191e32';
b_arr['channel'][0]['contentBG'] = '222430';
b_arr['channel'][0]['borderColor'] = '727273';


b_arr['channel'][1] = new Array();
b_arr['channel'][1]['title'] = 'b0c4d8';
b_arr['channel'][1]['number'] = 'acaba9';
b_arr['channel'][1]['name'] = 'fcc446';
b_arr['channel'][1]['role'] = 'fcc446';
b_arr['channel'][1]['fontColor'] = 'cccccc';
b_arr['channel'][1]['contentColor'] = 'fcc446';
b_arr['channel'][1]['bgColor'] = '191e32';
b_arr['channel'][1]['contentBG'] = '222430';
b_arr['channel'][1]['borderColor'] = '727273';



var extstring;
var extstring2;

$(document).ready(function()
{	
	$("#banner_width").blur(function()
	{
		if ($("#banner_width").val() < 100) 
			$("#banner_width").val(100);
	});
	$("#banner_height").blur(function()
	{
		if ($("#banner_height").val() < 150) 
			$("#banner_height").val(150);
	});
	$("#banner_width2").blur(function()
	{
		if ($("#banner_width2").val() < 100) 
			$("#banner_width2").val(100);
	});
	$("#banner_height2").blur(function()
	{
		if ($("#banner_height2").val() < 150) 
			$("#banner_height2").val(150);
	});


	var f = $.farbtastic('#colorpicker');
	var selected;
	$('input.color_sel').each(function()
	{
		f.linkTo(this);
	}).focus(function()
	{
		var objPos = $(this).position();
		var objWidth = $(this).width();
		var posTop = objPos.top + 18;
		var posLeft = objPos.left + 60;
		$('#colorpicker').css("top", posTop);		
		if ($(this).attr("id") == "channel_0_contentColor") 
		{
			$('#colorpicker').css("left", (posLeft - 140));
		}
		else 
		{
			$('#colorpicker').css("left", posLeft);
		}		
		$("#colorpicker").css("display", "block");
		f.linkTo(this);
	}).blur(function()
	{
		$("#colorpicker").css("display", "none");
		updateColor(f.color, $(this).attr("id"));
	});
	showCode('channel', '0');
	showCode2('channel', '1');

});
function updateColor(hex, id)
{
	var params = id.split("_");
	if (hex != "") 
	{
		b_arr[params[0]][params[1]][params[2]] = hex.replace("#", "");
		
		if(params[1] == '0')	
			showCode(params[0], params[1]);
		if(params[1] == '1')	
			showCode2(params[0], params[1]);
	}
}

function showCode(a, b)
{
	var basestring = URL_WWW + "/components/html0/?height=200&width=200";
	extstring = "&title=" + b_arr[a][b]['title'];
	extstring += "&number=" + b_arr[a][b]['number'];
	extstring += "&name=" + b_arr[a][b]['name'];
	extstring += "&role=" + b_arr[a][b]['role'];
	extstring += "&fontColor=" + b_arr[a][b]['fontColor'];
	extstring += "&contentColor=" + b_arr[a][b]['contentColor'];
	extstring += "&bgColor=" + b_arr[a][b]['bgColor'];
	extstring += "&contentBG=" + b_arr[a][b]['contentBG'];
	extstring += "&borderColor=" + b_arr[a][b]['borderColor'];
	extstring += "&btns=" + $("input[@name='channel_0_showbtns']:checked").val();
	extstring += "&vsid=" + $("#vsid").attr("value");
	$("#" + a + "_" + b + "_" + "title").css("background-color", "#" + b_arr[a][b]['title']);
	$("#" + a + "_" + b + "_" + "number").css("background-color", "#" + b_arr[a][b]['number']);
	$("#" + a + "_" + b + "_" + "name").css("background-color", "#" + b_arr[a][b]['name']);
	//	$("#"+a+"_"+b+"_"+"role").css("background-color","#"+b_arr[a][b]['role']);
	$("#" + a + "_" + b + "_" + "fontColor").css("background-color", "#" + b_arr[a][b]['fontColor']);
	$("#" + a + "_" + b + "_" + "contentColor").css("background-color", "#" + b_arr[a][b]['contentColor']);
	$("#" + a + "_" + b + "_" + "bgColor").css("background-color", "#" + b_arr[a][b]['bgColor']);
	$("#" + a + "_" + b + "_" + "borderColor").css("background-color", "#" + b_arr[a][b]['borderColor']);
	$("#" + a + "_" + b + "_" + "value").css("background-color", "#" + b_arr[a][b]['value']);
	$("#" + a + "_" + b + "_" + "contentBG").css("background-color", "#" + b_arr[a][b]['contentBG']);
	$("#" + a + "_" + b + "_" + "title").attr("value", "#" + b_arr[a][b]['title']);
	$("#" + a + "_" + b + "_" + "number").attr("value", "#" + b_arr[a][b]['number']);
	$("#" + a + "_" + b + "_" + "name").attr("value", "#" + b_arr[a][b]['name']);
	//	$("#"+a+"_"+b+"_"+"role").attr("value","#"+b_arr[a][b]['role']);
	$("#" + a + "_" + b + "_" + "fontColor").attr("value", "#" + b_arr[a][b]['fontColor']);
	$("#" + a + "_" + b + "_" + "contentColor").attr("value", "#" + b_arr[a][b]['contentColor']);
	$("#" + a + "_" + b + "_" + "bgColor").attr("value", "#" + b_arr[a][b]['bgColor']);
	$("#" + a + "_" + b + "_" + "borderColor").attr("value", "#" + b_arr[a][b]['borderColor']);
	$("#" + a + "_" + b + "_" + "value").attr("value", "#" + b_arr[a][b]['value']);
	$("#" + a + "_" + b + "_" + "contentBG").attr("value", "#" + b_arr[a][b]['contentBG']);
	$("#channel_0_banner").attr("src", basestring + extstring);
}

function showCode2(a, b)
{
	var basestring = URL_WWW + "/components/html0/index2.php?height=200&width=200";
	extstring2 = "&title=" + b_arr[a][b]['title'];
	extstring2 += "&number=" + b_arr[a][b]['number'];
	extstring2 += "&name=" + b_arr[a][b]['name'];
	extstring2 += "&role=" + b_arr[a][b]['role'];
	extstring2 += "&fontColor=" + b_arr[a][b]['fontColor'];
	extstring2 += "&contentColor=" + b_arr[a][b]['contentColor'];
	extstring2 += "&bgColor=" + b_arr[a][b]['bgColor'];
	extstring2 += "&contentBG=" + b_arr[a][b]['contentBG'];
	extstring2 += "&borderColor=" + b_arr[a][b]['borderColor'];
	extstring2 += "&btns=" + $("input[@name='channel_0_showbtns']:checked").val();
	extstring2 += "&ip_address=" + $("#ip_address").attr("value") + "&port=" + $("#port").attr("value");



	$("#" + a + "_" + b + "_" + "title").css("background-color", "#" + b_arr[a][b]['title']);
	$("#" + a + "_" + b + "_" + "number").css("background-color", "#" + b_arr[a][b]['number']);
	$("#" + a + "_" + b + "_" + "name").css("background-color", "#" + b_arr[a][b]['name']);
	//	$("#"+a+"_"+b+"_"+"role").css("background-color","#"+b_arr[a][b]['role']);
	$("#" + a + "_" + b + "_" + "fontColor").css("background-color", "#" + b_arr[a][b]['fontColor']);
	$("#" + a + "_" + b + "_" + "contentColor").css("background-color", "#" + b_arr[a][b]['contentColor']);
	$("#" + a + "_" + b + "_" + "bgColor").css("background-color", "#" + b_arr[a][b]['bgColor']);
	$("#" + a + "_" + b + "_" + "borderColor").css("background-color", "#" + b_arr[a][b]['borderColor']);
	$("#" + a + "_" + b + "_" + "value").css("background-color", "#" + b_arr[a][b]['value']);
	$("#" + a + "_" + b + "_" + "contentBG").css("background-color", "#" + b_arr[a][b]['contentBG']);
	$("#" + a + "_" + b + "_" + "title").attr("value", "#" + b_arr[a][b]['title']);
	$("#" + a + "_" + b + "_" + "number").attr("value", "#" + b_arr[a][b]['number']);
	$("#" + a + "_" + b + "_" + "name").attr("value", "#" + b_arr[a][b]['name']);
	//	$("#"+a+"_"+b+"_"+"role").attr("value","#"+b_arr[a][b]['role']);
	$("#" + a + "_" + b + "_" + "fontColor").attr("value", "#" + b_arr[a][b]['fontColor']);
	$("#" + a + "_" + b + "_" + "contentColor").attr("value", "#" + b_arr[a][b]['contentColor']);
	$("#" + a + "_" + b + "_" + "bgColor").attr("value", "#" + b_arr[a][b]['bgColor']);
	$("#" + a + "_" + b + "_" + "borderColor").attr("value", "#" + b_arr[a][b]['borderColor']);
	$("#" + a + "_" + b + "_" + "value").attr("value", "#" + b_arr[a][b]['value']);
	$("#" + a + "_" + b + "_" + "contentBG").attr("value", "#" + b_arr[a][b]['contentBG']);
	$("#channel_1_banner").attr("src", basestring + extstring2);
}
function codeHTMLBlock()
{
	var popupTitle = "Website Banner Code";
	var customBannerHeight = $("#banner_height").val();
	var customBannerWidth = $("#banner_width").val();
	var customBannerCode = URL_WWW + "/components/html0/?height=" + customBannerHeight + "&width=" + customBannerWidth;
	customBannerCode = customBannerCode + extstring;
	var code = "<iframe src=\"" + customBannerCode + "\" frameborder=\"0\" scrolling=\"no\" width=\"" + customBannerWidth + "\" height=\"" + customBannerHeight + "\"></iframe>";
	var rows = 2;
	var width = "700px";
	popupTitle += " (Press CTRL+C to Copy)"
	var popupHTML = "<textarea id=\"html_block\" rows=\"" + rows + "\" style=\"width: " + width + "\">" + code + "</textarea>";
	overlib(popupHTML, STICKY, CAPTION, popupTitle, CENTER, CLOSECLICK, BGCOLOR, '#2f5b86', OFFSETX, -300);
	var textarea_obj = document.getElementById('html_block');
	textarea_obj.focus();
	textarea_obj.select();
}
function codeHTMLBlock2()
{
	var popupTitle = "Website Banner Code";
	var customBannerHeight = $("#banner_height2").val();
	var customBannerWidth = $("#banner_width2").val();
	var customBannerCode = URL_WWW + "/components/html0/index2.php?height=" + customBannerHeight + "&width=" + customBannerWidth;
	customBannerCode = customBannerCode + extstring2;
	var code = "<iframe src=\"" + customBannerCode + "\" frameborder=\"0\" scrolling=\"no\" width=\"" + customBannerWidth + "\" height=\"" + customBannerHeight + "\"></iframe>";
	var rows = 2;
	var width = "700px";
	popupTitle += " (Press CTRL+C to Copy)"
	var popupHTML = "<textarea id=\"html_block\" rows=\"" + rows + "\" style=\"width: " + width + "\">" + code + "</textarea>";
	overlib(popupHTML, STICKY, CAPTION, popupTitle, CENTER, CLOSECLICK, BGCOLOR, '#2f5b86', OFFSETX, -300);
	var textarea_obj = document.getElementById('html_block');
	textarea_obj.focus();
	textarea_obj.select();
}










var sel_type = "small";
var pb_src = "";
function selectBannerType(type)
{
	sel_type = type;
	var container = document.getElementById("banner_types");
	if (container) 
	{
		var row = container.childNodes;
		if (row) 
		{
			for (var i = 0; i < row.length; i++) 
			{
				var cell = row[i].childNodes[0];
				if (cell) 
				{
					cell.className = "unselected";
				}
			}
		}
	}
	var e = document.getElementById(type);
	e.className = "selected";
	update_pbanner();
}

function update_pbanner()
{
	var gsc_user = document.getElementById("gsc_user").value;
	var preview = document.getElementById("preview");
	var banner_type = sel_type;
	if (gsc_user.replace(" ", "") == "") 
	{
		preview.innerHTML = "<img src='/images/banners/blank_" + banner_type + ".gif' alt='GSC - Free Voice Servers and in game chat!' /><br/>";
		return false;
	}
	else 
	{
		gsc_user = encodeURIComponent(gsc_user);
	}
	var fg_color = document.getElementById("fg_color").value;
	var bg_color = document.getElementById("bg_color").value;
	pb_src = "/images/status/" + banner_type + "/" + fg_color + "/" + bg_color + "/" + gsc_user + ".png";
	preview.innerHTML = "<img src='" + pb_src + "' alt='GSC - Free Voice Servers and in game chat!' /><br/>";
}

window.onload = update_pbanner;
function codePopup(type, filename, offset)
{
	var link = "http://www.getgsc.com/";
	var img_src = "http://www.getgsc.com/banners/" + filename;
	if (filename == "banner") 
	{
		img_src = "http://www.getgsc.com" + pb_src;
	}
	if (type == "forum") 
	{
		var popupTitle = "Forum Banner Code";
		var code = "[URL=" + link + "][IMG]" + img_src + "[/IMG][/URL]";
		var rows = 1;
		var width = "600px";
	}
	else 
	{
		var popupTitle = "Website Banner Code";
		var code = "<a href=\"" + link + "\">\n<img src=\"" + img_src + "\" alt=\"GSC - Free Voice Servers and in game chat!\" />\n</a>";
		var rows = 2;
		var width = "700px";
	}
	popupTitle += " (Press CTRL+C to Copy)"
	var text_id = filename.replace(/\./g, "_");
	var popupHTML = "<textarea id=\"" + text_id + "\" rows=\"" + rows + "\" style=\"width: " + width + "\">" + code + "</textarea>";
	if (typeof(offset) == "undefined") 
	{
		offset = -50;
	}
	overlib(popupHTML, STICKY, CAPTION, popupTitle, CENTER, CLOSECLICK, BGCOLOR, '#2f5b86', OFFSETX, offset);
	var textarea_obj = document.getElementById(text_id);
	textarea_obj.focus();
	textarea_obj.select();
}



function findVSID()
{
	var popupTitle = "Finding Your VSID";
	var rows = 2;
	var width = "700px";
	var popupHTML = "<div id=\"find_vsid\"><img src=\"/images/banners/find_vsid.gif\" alt=\"Find your Voice Server ID\"/></div>";
	overlib(popupHTML, STICKY, CAPTION, popupTitle, CENTER, CLOSECLICK, BGCOLOR, '#2f5b86', OFFSETX, -600);
	var textarea_obj = document.getElementById('find_vsid');
	textarea_obj.focus();
}