// FONTONE
// http://www.fontone.de

$(document).ready(function(){
// START
$("#mitte [fontone='black']").html("<div class='black'></div>");

			
$("#mitte .font_size_s").live("click", function(){

								$("#mitte [fontone='black']").html("").removeAttr("fontone");
								$(this).html("<div class='black'></div>").attr({  fontone: "black" });
							   }
);
$("#mitte .font_size_m").live("click", function(){

								$("#mitte [fontone='black']").html("").removeAttr("fontone");
								$(this).html("<div class='black'></div>").attr({  fontone: "black" });
							   }
);
$("#mitte .font_size_l").live("click", function(){

								$("#mitte [fontone='black']").html("").removeAttr("fontone");
								$(this).html("<div class='black'></div>").attr({  fontone: "black" });
							   }
);


$("div#img_reload").click(
							   function()
							   {
									
								var prevtext = $("input#preview_text").val();
								var previd = $("div#font_details").attr('fid');
								var prevsize = $("#mitte [fontone='black']").attr('fos');
								var prevtext = $.base64Encode(prevtext); 
								
								
								
								$("#font_ug_preview").css("backgroundImage","url(http://www.fontone.de/user-generated-preview/"+prevtext+"/"+ previd+"/"+ prevsize+"/)"); 
$("#font_ug_preview").show();

							   }
);

$("#font_ug_preview").hover(
    function(){
		$("#font_ug_preview").hide();		
   }
);



// ENDE
});