Event.observe(window, "load", function(){
	$("canvas").insert("<div id=\"modal\" style=\"display: none;\"></div>");
	Event.observe("calculate", "click", function(){
		if($F("text").length == 0) $("text").value = "Enter text here!";
		else
		{
			$("words").update("Loading..."); $("total").update("Loading..."); $("fancy").update("Loading..."); $("lower").update("Loading..."); $("upper").update("Loading...");
			var words = new Ajax.Updater("words", "calc.php", {method: "post", parameters: "mode=words&text="+$F("text").replace(/[\?|&]/g, "")});
			var total = new Ajax.Updater("total", "calc.php", {method: "post", parameters: "mode=total&text="+$F("text").replace(/[\?|&]/g, "")});
			var fancy = new Ajax.Updater("fancy", "calc.php", {method: "post", parameters: "mode=fancy&text="+$F("text").replace(/[\?|&]/g, "")});
			var lower = new Ajax.Updater("lower", "calc.php", {method: "post", parameters: "mode=lower&text="+$F("text").replace(/[\?|&]/g, "")});
			var upper= new Ajax.Updater("upper", "calc.php", {method: "post", parameters: "mode=upper&text="+$F("text").replace(/[\?|&]/g, "")});
		}
	});
});
function show_modal(type){
	$("modal").toggle("appear");
	switch(type){
		case "top_words":
			var tops = new Ajax.Updater("modal", "calc.php", {method: "post", parameters: "mode=top_words&text="+$F("text").replace(/[\?|&]/g, "")});
		break;
		default:
			
		break;
	}
}
function hide_modal(){
	$("modal").toggle("appear");
}