var ui = 
{
	
	// Count of form fields.
	fieldCount: 0,
	
	/**
	 * Add new form.
	 */
	addArticle: function() 
	{
	
		$("#articles").append(
			
			"<div id=\"article_" + this.fieldCount + "\">"
			+ "<div class=\"pagenumber\">"
				+"<b>Sivu</b><br /><input type=\"text\" name=\"page_" + this.fieldCount + "\" /><br /><br />"
				+ "<input type=\"button\" class=\"deleteButton\" value=\"Poista\" onclick=\"ui.deleteRow(" + this.fieldCount + ")\" /><br />"
			+ "</div>"
			+ "<div class=\"fields\">"
			+ "<b>Tiedot</b><br />"
				+ "<input type=\"text\" class=\"subheadline1\" onfocus=\"ui.focus(this)\" onblur=\"ui.blur(this, 'Esirivi')\" value='Esirivi' name=\"subheadline1_" + this.fieldCount + "\" /><br />"
				+ "<input type=\"text\" class=\"headline\" onfocus=\"ui.focus(this)\" onblur=\"ui.blur(this, 'Otsikko')\" value='Otsikko' name=\"headline_" + this.fieldCount + "\" /><br />"
				+ "<input type=\"text\" class=\"subheadline2\" onfocus=\"ui.focus(this)\" onblur=\"ui.blur(this, 'Alaotsikko')\" value='Alaotsikko' name=\"subheadline2_" + this.fieldCount + "\" /><br />"
				+ "<input type=\"text\" class=\"authors\" onfocus=\"ui.focus(this)\" onblur=\"ui.blur(this, 'Kirjoittajat')\" value='Kirjoittajat' name=\"authors_" + this.fieldCount + "\" /><br />"
				+ "<br /><b>PDF-tiedosto</b><br />"
				+ "<input type=\"hidden\" name=\"deleted_" + this.fieldCount + "\" id=\"deleted_" + this.fieldCount + "\" value=\"0\" />"
				+ "<input type=\"file\" class=\"file\" name=\"file_" + this.fieldCount + "\" /><br />"
			+ "</div>"
			+ "<div style=\"clear:both\"></div>"
			+ "</div>"
			
		);
		
		this.fieldCount++;
		
	},
	
	deleteRow: function(row)
	{
	
		console.log(row);
		$("#deleted_" + row).val(1);
		$("#article_" + row).fadeOut();
		
	},
	
	blur: function(element, defaultValue) 
	{
	
		var value = $(element).val();
		if (value == "")
		{
			$(element).val(defaultValue);
		}
		
	},
	
	focus: function(element) 
	{

		var value = $(element).val();
		if (value == "Esirivi" || value == "Otsikko" || value == "Alaotsikko" || value == "Kirjoittajat")
		{
			$(element).val("");
		}
		
	},
	
	submit: function() 
	{
		
		// Submit form.
		if (confirm("Tallennetaanko sisällysluettelo? Sitä ei voi enää jälkeenpäin muuttaa."))
		{

			// Clear fields with default value.
			var fields = $("#articles input[type=text]");
			for (var i = 0; i < fields.length; i++)
			{

				var value = $(fields[i]).val();
				if (value == "Esirivi" || value == "Otsikko" || value == "Alaotsikko" || value == "Kirjoittajat")
				{
					$(fields[i]).val("");
				}

			}

			$("#indexform").submit();
		}
		
	}
	
}