var Main =
	{
	API_HEADER: "#@imgrid",
	generating: false,
	enter: function (e)
		{
		if (Main.generating)
			return
		if (e.keyCode === 13)
			Main.go()
		},
	go: function ()
		{
		if (Main.generating)
			return
		Main.generating = true
		$("#output-cmd").html('generating...').show()
		$("#output-img").show()
		$("#output-url").show()
		$("#result").show()
		var data =
			{
			width: $("#img-width").val(),
			height: $("#img-height").val(),
			linethickness: $("#line-thickness").val(),
			opacity: $("#line-opacity").val(),
			linecolor: $("#line-color").val(),
			spacing: $("#line-spacing").val(),
			vlines: $('#v-lines:checked').val() !== undefined ? "true" : "false",
			hlines: $('#h-lines:checked').val() !== undefined ? "true" : "false",
			shadow: $('#shadow:checked').val() !== undefined ? "true" : "false",
			bgtransparent: $('#bgtransparent:checked').val() !== undefined ? "true" : "false",
			bgimage: $("#bg-image").val(),
			bgcolor: $("#bg-color").val(),
			imageinstead: $("#imageinstead").val(),
			planebgcolor: $("#planebgcolor").val(),
			skycolor: $("#skycolor").val(),
			planebgimage: $("#planebgimage").val(),
			dither: $('#dither:checked').val() !== undefined ? "true" : "false",
			swing: $("#swing").val(),
			tilt: $("#tilt").val(),
			roll: $("#roll").val(),
			zoom: $("#zoom").val(),
			trim: $("#trim:checked").val() !== undefined ? "true" : "false",
			format: $('#format :selected').val(),
			name: $('#username').val()
			}
		if (data.name.length > 0)
		document.cookie = "imname="+data.name+";path=/;domain=.asdf.us;max-age=1086400"
		$.post("/cgi-bin/im/imgrid/gridmaker", data, Main.callback)
		},
	error: function (s)
		{
		$("#output-cmd").html("<span class='error'>ERROR: " + s + "</span>").show()
		$("#output-url").hide()
		$("#output-img").hide()
		},
	callback: function (raw)
		{
		$("#output-cmd").html('your result...')
		lines = raw.split('\n')
		lines = lines.reverse()
		$("#output-img").html("<img class='results' src='"+lines[1]+"'></img>");
		Main.generating = false
		},
	filesize: function (size)
		{
		if (size < 1024)
			return size + " bytes"
		if (size < 1024 * 1024)
			return Math.floor (size/1024) + " KB"
		else
			return Math.floor (size/(1024*1024)) + " MB"
		},
	cookie: function ()
		{
		if (document.cookie)
			{
			var cookies = document.cookie.split(";")
			for (i in cookies)
				{
				var cookie = cookies[i].split("=")
				if (cookie[0].indexOf("imname") !== -1)
					{
					if (cookie[1] !== 'false' && cookie[1] !== 'undefined' && cookie[1].length)
						{
						return cookie[1]
						}
					}
				}
			}
		return ""
		},
	init: function ()
		{
		var name = Main.cookie ()
		$("#username").val(name)
/*    if (name)
      {
      $("#userlink").show()
      $("#userlink a").attr("href", "/im/gallery/?name="+name).html(name+"'s photoblasts")
      } */
   // $("#likebutton,#controls").fadeIn(0)
		$("#generate").bind("click", Main.go)
		$("div input[type=text]").bind("keydown", Main.enter)
		}
	}
//document.getElementById('imform').reset();
Main.init ()