$(document).ready(function()
{
	$(function()
	{
		$('.recent>ul>li').mouseover(function(){$(this).addClass("over");}).mouseout(function(){$(this).removeClass("over");});
		$('.requestedInput').append(" :");
	});
	
	
	function addFormField()
	{
		var id = document.getElementById("id").value;
		$("#divTxt").append("<p id='row" + id + "'><label for='txt" + id + "'>Field " + id + "&nbsp;&nbsp;<input type='text' name='txt[]' id='txt" + id + "'>&nbsp;&nbsp<a href='#' onClick='removeFormField(\"#row" + id + "\"); return false;'>Remove topic</a><p>");
		  $('#row' + id).highlightFade({speed:1000});   // swap for fadeOut or something
		id = (id - 1) + 2;
		document.getElementById("id").value = id;
	}
	
	function removeFormField(id)
	{
		$(id).remove();
	}
	
});