function initEnviroment(root)
{
	displayInfoFlag = false;
	displayLinkFlag = false;
	displayTagFlag = false;

	rootUrl = root;

}

function setQuoteId(id)
{
	quoteID = id;
}

function toggleInfo(gender,fictional, birth, death)
{
	if (displayInfoFlag)
	{
		$("#morelink").html("<img src='" + rootUrl + "i/add.png' border='0'>");
		$("#morelink").attr("title", "Show me more information about this quote");
		$("#moreinfo").html("");
		displayInfoFlag = false;
	}
	else
	{
		$("#morelink").html("<img src='" + rootUrl + "i/delete.png' border='0'>");
		$("#morelink").attr("title", "Hide information about this quote");
		var output = "<table>";
		output += "<tr><td>Gender:</td><td>" + gender + "</td></tr>";
		output += "<tr><td>Fictional:</td><td>" + fictional + "</td></tr>";
		output += "<tr><td>Birth:</td><td>" + birth + "</td></tr>";
		output += "<tr><td>Death:</td><td>" + death + "</td></tr>";
		output += "</table>";
		$("#moreinfo").html(output);
		displayInfoFlag = true;
	}

}

function toggleTag()
{
	if(displayTagFlag)
	{
		$("#linktag").html("<img src='" + rootUrl + "i/tag_blue_add.png' border='0'>");
		$("#linktag").attr("title", "Add a tag for this quote");
		$("#addtag").html("");
		displayTagFlag = false;
	}
	else
	{
		$("#linktag").html("<img src='" + rootUrl + "i/tag_blue_delete.png' border='0'>");
		$("#linktag").attr("title", "Hide the add tag field");
		displayAddTag();
		displayTagFlag = true;
	}
}

function displayAddTag()
{

	var formstart = "<form class='addtag' id='addtagform' action='javascript:submitstag()' method='post'>";
	var formend = "</form>";

	$("#addtag").html(formstart + "New tag: <input id='tagvalue' name='tagvalue' size='20' type='text' value=''><a class=\"link\" href=\"javascript:submitstag()\"> Add</a>" + formend);
	$("#tagvalue").focus();

}

function submitstag()
{
	$.post(rootUrl + "tag/" + quoteID, {id: quoteID, tag: $("#tagvalue").val()}, function(data) {
		tags = $("#tags").html();
		$("#tags").html(tags + data)
		 });
	toggleTag();
}

function toggleLink()
{
	if(displayLinkFlag)
	{
		$("#linkto").html("<img src='" + rootUrl + "i/link.png' border='0'>");
		$("#linkto").attr("title", "Display a direct link to this quote");
		$("#linktoinfo").html("");
		displayLinkFlag = false;
	}
	else
	{
		$("#linkto").html("<img src='" + rootUrl + "i/link_delete.png' border='0'>");
		$("#linkto").attr("title", "Hide the direct link to this quote");
		displayLinktoInfo();
		displayLinkFlag = true;
	}
}

function displayLinktoInfo()
{
	$("#linktoinfo").html("Direct link to this quote: <input id='directlink' size='40' type='text' value='" + rootUrl + "quote/" + quoteID + "'>");
	$("#directlink").select();
}

function displaysearch()
{
	$("#navsearchtext").html("<a href='javascript:displaysearch()' class='link navsearchtext'>Search</a> ");
	var formstart = "<form class='navsearchtext' id='searchq' action='" + rootUrl + "search/0' method='post'>";
	var formend = "</form>";

	$("#navsearchbar").html(formstart + "<input id='navsearchvalue' name='searchvalue' size='20' type='text' value=''><a class=\"link\" href=\"javascript:submitsearch()\">Find this</a>" + formend);
	$("#navsearchvalue").focus();
	
}

function submitsearch()
{
	$("#searchq").submit();
}

function setRating(rating, rated)
{
	$("#rating").html(rating.toFixed(1));
	$("#rated").html(rated);
	ratingbar = rating / 5 * 90;
	$("#rating-bar").width(ratingbar + "px");
}