var selColorPicker = null;
var picker = null;


function bannerHTMLShowCode()
{
	var src = origsrc;
	//THEME
	var theme = $('#b_html_theme').val();
	var customtheme = $('#b_html_customtheme');
	if (theme == '1')
	{
		$('#b_html_bgColor').val('333333');
		$('#b_html_titleBgColor').val('222222');
		$('#b_html_borderColor').val('555555');
		$('#b_html_fontColor').val('CCCCCC');
		$('#b_html_titleColor').val('FF9900');
		$('#b_html_linkColor').val('FFCC00');
		$('#b_html_borderLinkColor').val('222222');
		formatColorPicker($('#b_html_bgColor'));
		formatColorPicker($('#b_html_titleBgColor'));
		formatColorPicker($('#b_html_borderColor'));
		formatColorPicker($('#b_html_fontColor'));
		formatColorPicker($('#b_html_titleColor'));
		formatColorPicker($('#b_html_linkColor'));
		formatColorPicker($('#b_html_borderLinkColor'));
		customtheme.hide();
	}
	else if (theme == '2')
	{
		$('#b_html_bgColor').val('1F2642');
		$('#b_html_titleBgColor').val('11172D');
		$('#b_html_borderColor').val('333333');
		$('#b_html_fontColor').val('8790AE');
		$('#b_html_titleColor').val('FFFFFF');
		$('#b_html_linkColor').val('FF9900');
		$('#b_html_borderLinkColor').val('999999');
		formatColorPicker($('#b_html_bgColor'));
		formatColorPicker($('#b_html_titleBgColor'));
		formatColorPicker($('#b_html_borderColor'));
		formatColorPicker($('#b_html_fontColor'));
		formatColorPicker($('#b_html_titleColor'));
		formatColorPicker($('#b_html_linkColor'));
		formatColorPicker($('#b_html_borderLinkColor'));
		customtheme.hide();
	}
	else if (theme == '3')
	{
		$('#b_html_bgColor').val('FF9900');
		$('#b_html_titleBgColor').val('FF7700');
		$('#b_html_borderColor').val('000000');
		$('#b_html_fontColor').val('000000');
		$('#b_html_titleColor').val('000000');
		$('#b_html_linkColor').val('06126A');
		$('#b_html_borderLinkColor').val('FF7700');
		formatColorPicker($('#b_html_bgColor'));
		formatColorPicker($('#b_html_titleBgColor'));
		formatColorPicker($('#b_html_borderColor'));
		formatColorPicker($('#b_html_fontColor'));
		formatColorPicker($('#b_html_titleColor'));
		formatColorPicker($('#b_html_linkColor'));
		formatColorPicker($('#b_html_borderLinkColor'));
		customtheme.hide();
	}
	else if (theme == '4')
	{
		$('#b_html_bgColor').val('FFFFFF');
		$('#b_html_titleBgColor').val('FFFFFF');
		$('#b_html_borderColor').val('BBBBBB');
		$('#b_html_fontColor').val('333333');
		$('#b_html_titleColor').val('000000');
		$('#b_html_linkColor').val('091858');
		$('#b_html_borderLinkColor').val('5C5C5C');
		formatColorPicker($('#b_html_bgColor'));
		formatColorPicker($('#b_html_titleBgColor'));
		formatColorPicker($('#b_html_borderColor'));
		formatColorPicker($('#b_html_fontColor'));
		formatColorPicker($('#b_html_titleColor'));
		formatColorPicker($('#b_html_linkColor'));
		formatColorPicker($('#b_html_borderLinkColor'));
		customtheme.hide();
	}
	else if (theme == '5')
	{
		$('#b_html_bgColor').val('373E28');
		$('#b_html_titleBgColor').val('2E3225');
		$('#b_html_borderColor').val('3E4433');
		$('#b_html_fontColor').val('D2E1B5');
		$('#b_html_titleColor').val('FFFFFF');
		$('#b_html_linkColor').val('889C63');
		$('#b_html_borderLinkColor').val('828E6B');
		formatColorPicker($('#b_html_bgColor'));
		formatColorPicker($('#b_html_titleBgColor'));
		formatColorPicker($('#b_html_borderColor'));
		formatColorPicker($('#b_html_fontColor'));
		formatColorPicker($('#b_html_titleColor'));
		formatColorPicker($('#b_html_linkColor'));
		formatColorPicker($('#b_html_borderLinkColor'));
		customtheme.hide();
	}
	else
	{
		formatColorPicker($('#b_html_bgColor'));
		formatColorPicker($('#b_html_titleBgColor'));
		formatColorPicker($('#b_html_borderColor'));
		formatColorPicker($('#b_html_fontColor'));
		formatColorPicker($('#b_html_titleColor'));
		formatColorPicker($('#b_html_linkColor'));
		formatColorPicker($('#b_html_borderLinkColor'));
		customtheme.show();
	}
	src += '&bgColor=' + $('#b_html_bgColor').val();
	src += '&titleBgColor=' + $('#b_html_titleBgColor').val();
	src += '&borderColor=' + $('#b_html_borderColor').val();
	src += '&fontColor=' + $('#b_html_fontColor').val();
	src += '&titleColor=' + $('#b_html_titleColor').val();
	src += '&linkColor=' + $('#b_html_linkColor').val();
	src += '&borderLinkColor=' + $('#b_html_borderLinkColor').val();

	//WIDTH
	var width = $('#b_html_width').val();
	width = parseInt(width);
	if(isNaN(width))
		width = 200;
	else if (width < 144)	
		width = 144;
	$('#b_html_width').val(width.toString());
	//CHANNEL HEIGHT
	var currentPlayersHeight = $('#b_html_curr_players_height').val();
	currentPlayersHeight = parseInt(currentPlayersHeight);	
	if (isNaN(currentPlayersHeight))
		currentPlayersHeight = 100;
	else if (currentPlayersHeight < 100)
		currentPlayersHeight = 100;
	$('#b_html_curr_players_height').val(currentPlayersHeight.toString());
	//HEIGHT
	var height = 164;
	//MAP - SHOW/HEIGHT
	if ($('#b_html_map').is(":checked"))
	{		
		if (width <= 165)
			height += 103;			
		else
			height += 124;
		src += '&showMap=1';
	}
	else
	{
		src += '&showMap=0';
	}
	//CURRENT PLAYERS - SHOW/HEIGHT
	if ($('#b_html_curr_players').is(":checked"))
	{
		height += currentPlayersHeight + 24;
		
		src += '&currentPlayersHeight=' + currentPlayersHeight;
		
		src += '&showCurrPlayers=1';	
	}
	else
	{
		src += '&showCurrPlayers=0';
	}
	//TOP PLAYERS - SHOW/HEIGHT
	if ($('#b_html_top_players').is(":checked"))
	{
		height += 124;
		src += '&showTopPlayers=1';
	}
	else
	{
		src += '&showTopPlayers=0';
	}		
	//BLOG - - SHOW/HEIGHT
	if ($('#b_html_blogs').is(":checked"))
	{
		height += 124;
		src += '&showBlogs=1';
	}
	else
	{
		src += '&showBlogs=0';
	}
	//WIDTH/HEIGHT
	src += '&width=' + width;
	//src += '&height=' + height;
	var codeHTML = '<!-- Start GameTracker Banner --><iframe src="' + src + '" frameborder="0" scrolling="no" width="' + width + '" height="' + height + '"></iframe><!-- End GameTracker Banner -->';
	$('#b_html_preview').html(codeHTML);
	$('#b_html_code').val(codeHTML);
	return;
}



function banner350x20ShowCode()
{
	var theme = $('#b_350x20_theme').val();
	var customtheme = $('#b_350x20_customtheme');
	if (theme == 'gt_red')
	{
		$('#b_350x20_topcolor').val('692108');
		$('#b_350x20_botcolor').val('381007');
		$('#b_350x20_fontcolor').val('FFFFFF');
		$('#b_350x20_bordercolor').val('000000');
		formatColorPicker($('#b_350x20_topcolor'));
		formatColorPicker($('#b_350x20_fontcolor'));
		formatColorPicker($('#b_350x20_botcolor'));
		formatColorPicker($('#b_350x20_bordercolor'));
		customtheme.hide();
	}
	else if (theme == 'gt_orange')
	{
		$('#b_350x20_topcolor').val('FFAD41');
		$('#b_350x20_botcolor').val('E98100');
		$('#b_350x20_fontcolor').val('000000');
		$('#b_350x20_bordercolor').val('591F11');
		formatColorPicker($('#b_350x20_topcolor'));
		formatColorPicker($('#b_350x20_fontcolor'));
		formatColorPicker($('#b_350x20_botcolor'));
		formatColorPicker($('#b_350x20_bordercolor'));
		customtheme.hide();
	}
	else if (theme == 'gt_green')
	{
		$('#b_350x20_topcolor').val('5A6C3E');
		$('#b_350x20_botcolor').val('383F2D');
		$('#b_350x20_fontcolor').val('D2E1B5');
		$('#b_350x20_bordercolor').val('2E3226');
		formatColorPicker($('#b_350x20_topcolor'));
		formatColorPicker($('#b_350x20_fontcolor'));
		formatColorPicker($('#b_350x20_botcolor'));
		formatColorPicker($('#b_350x20_bordercolor'));
		customtheme.hide();
	}
	else if (theme == 'gs')
	{
		$('#b_350x20_topcolor').val('323957');
		$('#b_350x20_botcolor').val('202743');
		$('#b_350x20_fontcolor').val('F19A15');
		$('#b_350x20_bordercolor').val('111111');
		formatColorPicker($('#b_350x20_topcolor'));
		formatColorPicker($('#b_350x20_fontcolor'));
		formatColorPicker($('#b_350x20_botcolor'));
		formatColorPicker($('#b_350x20_bordercolor'));
		customtheme.hide();
	}
	else
	{	
		formatColorPicker($('#b_350x20_topcolor'));
		formatColorPicker($('#b_350x20_fontcolor'));
		formatColorPicker($('#b_350x20_botcolor'));
		formatColorPicker($('#b_350x20_bordercolor'));
		customtheme.show();
	}
	var imageWidth = 350;
	var imageHeight = 20;
	var imageSource = imageLinkBase + "/b_350x20_C" + $('#b_350x20_topcolor').val() + "-" + $('#b_350x20_botcolor').val() + "-" + $('#b_350x20_fontcolor').val() + "-" + $('#b_350x20_bordercolor').val() + ".png";	
	var codeHTML	= "<a href=\"" + serverLink + "/\" target=\"_blank\"><img src=\"" + imageSource + "\" border=\"0\" width=\"" + imageWidth + "\" height=\"" + imageHeight + "\"  alt=\"\"/></a>";
	var codeForum	= "[url=" + serverLink + "/][img]" + imageSource + "[/img][/url]";	
	document.getElementById("b_350x20_preview").innerHTML = codeHTML;
	document.getElementById("b_350x20_webcodeta").value = codeHTML;	
	document.getElementById("b_350x20_forumcodeta").value = codeForum;
}
function banner160x400ShowCode()
{
	var theme = $('#b_160x400_theme').val();
	var customtheme = $('#b_160x400_customtheme');
	if (theme == '0')
	{
		formatColorPicker($('#b_160x400_bgcolor'));
		formatColorPicker($('#b_160x400_fontcolor'));
		formatColorPicker($('#b_160x400_titlecolor'));
		formatColorPicker($('#b_160x400_gamecolor'));
		customtheme.show();
	}
	else
	{
		$('#b_160x400_bgcolor').val('222222');
		$('#b_160x400_fontcolor').val('CCCCCC');
		$('#b_160x400_titlecolor').val('CCCCCC');
		$('#b_160x400_gamecolor').val('FF9900');
		formatColorPicker($('#b_160x400_bgcolor'));
		formatColorPicker($('#b_160x400_fontcolor'));
		formatColorPicker($('#b_160x400_titlecolor'));
		formatColorPicker($('#b_160x400_gamecolor'));
		customtheme.hide();
	}
	var imageWidth = 160;
	var imageHeight = 211;
	var imageSource = imageLinkBase + "/b_160x400_T" + $('#b_160x400_theme').val();
	if ($('#b_160x400_theme').val() == 0)
		imageSource += "_C" + $('#b_160x400_fontcolor').val() + "-" + $('#b_160x400_titlecolor').val() + "-" + $('#b_160x400_gamecolor').val() + "-" + $('#b_160x400_bgcolor').val();
	var flags = "";
	if ($('#b_160x400_map').is(":checked"))
	{
		flags += "-1";
		imageHeight += 89;
	}
	if ($('#b_160x400_graph').is(":checked"))
	{
		flags += "-2";
		imageHeight += 64;
	}
	if ($('#b_160x400_top_players').is(":checked"))
	{
		flags += "-3";
		imageHeight += 77;
	}
	if (flags != "")
		imageSource += "_F" + flags;
	imageSource += ".png";	
	var codeHTML	= "<a href=\"" + serverLink + "/\" target=\"_blank\"><img src=\"" + imageSource + "\" border=\"0\" width=\"" + imageWidth + "\" height=\"" + imageHeight + "\"  alt=\"\" /></a>";
	var codeForum	= "[url=" + serverLink + "/][img]" + imageSource + "[/img][/url]";	
	document.getElementById("b_160x400_preview").innerHTML = codeHTML;
	document.getElementById('b_160x400_webcodeta').value = codeHTML;
	document.getElementById('b_160x400_forumcodeta').value = codeForum;
}
function formatColorPicker(jqObj)
{
	color = $(jqObj).val().replace('#', '');
	if (color.length == 6)
	{
		var rgb = picker.unpack('#' + color);
		var hsl = picker.RGBToHSL(rgb);
		$(jqObj).css("background-color", '#' + color);
		$(jqObj).css("color", hsl[2] > 0.5 ? '#000' : '#fff');
	}
}
window.onload = function()
{
	picker = $.farbtastic('#colorpicker', function callback(color)
	{
		if (selColorPicker != null)
		{
			$(selColorPicker).val(color.replace('#', '').toUpperCase());
			formatColorPicker($(selColorPicker));
		}
	});
	$("input.color_sel").each(function(i)
	{
		$(this).attr('maxlength', 6);
		
		$(this).bind("click", function()
		{
			selColorPicker = $(this);
			$('#colorpicker').css(
			{
				display: 'block'
			});
			picker.setColor('#' + $(this).val());
			var objPos = $(this).position();
			var objWidth = $(this).width();
			var posTop = objPos.top + 78;
			var posLeft = objPos.left + objWidth + 20;
			$('#colorpicker').css(
			{
				top: posTop,
				left: posLeft
			});
		});
		$(this).bind("blur", function()
		{
			selColorPicker = null;
			$('#colorpicker').css(
			{
				display: 'none'
			});
			var params = $(this).attr("id").split("_");
			if(params[0] == 'b' && params[1] == 'html')
				bannerHTMLShowCode();
			else if(params[0] == 'b' && params[1] == '350x20')
				banner350x20ShowCode();		
			else if(params[0] == 'b' && params[1] == '160x400')
				banner160x400ShowCode();
		});
	});
	
	bannerHTMLShowCode();
	banner350x20ShowCode();
	banner160x400ShowCode();	
	
};