var helpViewerStandAlone = false;

function MoreHelpClick()
{
	$("div[@id$=PanelHelp]").hide();
	RenderHelpViewer();
	GetHelp("001", "");
}

function GetHelp(topicId, question)
{
	var viewer = $("div[@id$=HelpViewer]");

	if (!helpViewerStandAlone)
	{
		$.blockUI
		(
			{
				message: viewer,
				css:
				{
					margin: "4em",
					width: "720px",
					height: "400px",
					marginLeft: "-360px",
					marginTop: "-200px",
					color: "#000",
					backgroundColor: "#fff"
				}
			}
		);
		
		viewer.parent().block
		(
			{
				message: String.format("<img src='{0}' alt='' align='absmiddle' />", "/pr3/images/ajax-loading.gif"),
				overlayCSS:
				{
					backgroundColor: "#fff",
					opacity: ".8"
				},
				css:
				{
					backgroundColor: "#fff",
					cursor: "wait",
					padding: "1em"
				}
			}
		);
	}
	
	$.get
	(
		"/pr3/AjaxData.asmx/GetHelp",
		{
			"topicId": topicId
		},
		function(data)
		{
			var xml = "";
			if (data.text && data.text.length > 0)
				xml = data.text;
			else if (data.childNodes)
			{
				$.each
				(
					data.childNodes,
					function(i, item)
					{
						xml = item.textContent;
					}
				);
			}

			var help = JSON.parse(xml);
			RenderHelpContent(help, question);
		}
	);
}

function HelpInit()
{
	$("a[@id$=HyperLinkMoreHelp]").attr("href", "javascript:MoreHelpClick()");
	$("input[@id$=ButtonCloseHelp]").click
	(
		function()
		{
			$('div[@id$=PanelHelp]').slideToggle();
			return false;
		}
	);
}

$(document).ready(HelpInit);

function RenderHelpViewer(standAlone)
{
	helpViewerStandAlone = standAlone;
	viewer = $("div[@id$=HelpViewer]");
		
	if (viewer.length == 0)
	{
		viewer = $(document.createElement("div")).attr("class", "help_white");
		viewer[0].id = "HelpViewer";
		viewer[0].style.padding = "1em";
		
		$("body").append(viewer);
	}
}

function RenderHelpContent(help, question)
{
	var viewer = $("div[@id$=HelpViewer]");
	viewer.empty();

	// begin breadcrumb
	var breadcrumb = $(document.createElement("div")).attr("id", "breadcrumb");
	breadcrumb[0].style.marginBottom = "1em";
	viewer.append(breadcrumb);
	
	for (var i = 0; i < help.Breadcrumb.length; i++)
	{
		var topic = help.Breadcrumb[i];
		
		if (i < help.Breadcrumb.length - 1)
		{
			var a = $(document.createElement("a"));
			a.attr("href", String.format("javascript:GetHelp('{0}');", topic.Id));
			a.text(topic.Title);
			
			breadcrumb.append(a);
		}
		else
			breadcrumb.append(topic.Title);
		
		if (i < help.Breadcrumb.length - 1)
			breadcrumb.append(" &gt; ");
	}
	// end breadcrumb
	
	if (!helpViewerStandAlone)
	{
		// begin close link
		var closeLink = $(document.createElement("a")).text(L10n.Global.Close.toLowerCase()).attr("href", "javascript:if (false) {}");
		closeLink[0].style.position = "absolute";
		closeLink[0].style.top = "1em";
		closeLink[0].style.right = "1em";
		closeLink.click
		(
			function()
			{
				if (!helpViewerStandAlone)
					$.unblockUI();
			}
		);
		viewer.append(closeLink);
		// end close link
	}
	
	// begin question
	if (question && question.length > 0)
	{
		var questionDiv = $(document.createElement("div")).append(question);
		questionDiv[0].style.fontWeight = "bold";
		viewer.append(questionDiv);
	}
	// end question
	
	// begin topic text
	var textDiv = $(document.createElement("div"));
	textDiv.append(help.Text);
	viewer.append(textDiv);
	// end topic text

	if (help.Id != "002004") // hide self referencing option
	{
		// begin options
		var options = $(document.createElement("table"));
		options[0].style.marginTop = "1em";
		viewer.append(options);
		
		for (var i = 0; i < help.Options.length; i++)
		{
			var option = help.Options[i];

			if (help.Id != "001" || (help.Id == "001" && option.Yes != "001"))
			{
				if (option.Yes != "002004" || (help.Text.length > 0 && option.Yes == "002004"))
				{
					var tr = $(document.createElement("tr"));
					options.append(tr);
					
					var numTd = $(document.createElement("td")).append(i + 1).append(".");
					tr.append(numTd);
					
					var textTd = $(document.createElement("td"));
					textTd[0].style.paddingLeft = "1em";
					textTd.append(option.Text);
					tr.append(textTd);
					
					var yesTd = $(document.createElement("td"));
					yesTd[0].style.paddingLeft = "1em";
					tr.append(yesTd);
					var yesButton = $(document.createElement("input")).attr("type", "button").attr("id", option.Yes).attr("name", "").click
					(
						function()
						{
							GetHelp(this.id, $(this).attr("name"));
						}
					);
					
					if (option.Yes != "001")
						yesButton.attr("name", option.Text);
					
					yesButton.val(L10n.Global.Yes);
					yesTd.append(yesButton);
					
					var noTd = $(document.createElement("td"));
					noTd[0].style.paddingLeft = "1em";
					tr.append(noTd);
					
					if (option.No.length > 0)
					{
						if (option.No != "close" || !helpViewerStandAlone)
						{
							var noButton = $(document.createElement("input")).attr("type", "button").click
							(
								function()
								{
									if (option.No == "close")
										closeLink.click();
									else
										GetHelp(option.No, "");
								}
							);
							noButton.val(L10n.Global.No);
							noTd.append(noButton);
						}
					}
				}
			}
		}
		// end options
	}
	
	// fix up the buttons
	$("div[@id$=HelpViewer] input[@type=button]").each
	(
		function()
		{
			this.style.paddingLeft = ".5em";
			this.style.paddingRight = ".5em";
		}
	);

	if (!helpViewerStandAlone)
		viewer.parent().unblock();
	else
		viewer.show();
}