$(document).ready(function(){
	if( $("#generator_nick").val() != "Insert your Account...")
		RefreshImage();
		
	$(".heropick a").each(function(){
		$(this).attr("href", "javascript: ;");
		$(this).click(function(){
			var reg = /\/sigfile\/heroes_thumb\/([a-z]+)\.png/i;
			var src = $(this).find("img").attr("src");
			
			reg.exec(src);
			var heroe = RegExp.$1;
			$("#generator_choosed_hero").val("" + heroe + "");
	
			RefreshImage();
		
		});
	});
	
	$(".design_choose_button").click(function(){ 
		if( $("#design_pick_layer").css("display") == "block")
			$("#design_pick_layer").fadeOut();
		else
			$("#design_pick_layer").fadeIn();
			
	})
});

function RefreshImage(){
	var nick = $("#generator_nick").val();
	var heroe = $("#generator_choosed_hero").val();
	var design = $("#generator_choosed_design").val();
	
	$(".prev .image").html("<img src=\"/sig/" + nick + "/" + heroe + "/"+design+"/1/\" />");
	$(".design_1").html("<a href='#' onclick='ChooseDesign(1)' title='Click to choose this design'><img src=\"/sig/" + nick + "/" + heroe + "/1/1/\" /></a>");
	$(".design_2").html("<a href='#' onclick='ChooseDesign(2)' title='Click to choose this design'><img src=\"/sig/" + nick + "/" + heroe + "/2/1/\" /></a>");
	$("#code_preview textarea.html").val("<a href=\"http://www.honage.net/ladder/#player:"+nick+"\" title=\"See my stats on honage.net\"><img src=\"http://honage.net/sig/"+nick+"/"+heroe+"/"+design+"/\" style=\"border: 0px !important\" /></a>");
	$("#code_preview textarea.bb").val(" [url='http://www.honage.net/ladder/#player:"+nick+"'][img]http://www.honage.net/sig/"+nick+"/"+heroe+"/"+design+"/[/img][/url] ");
}	

function ChooseDesign(id) {
	$("#generator_choosed_design").val(id);
	$("#design_pick_layer").fadeOut();
	RefreshImage();
}