// index.do

$(document).ready(
	function()
	{
		// Top content hover
		$(".topContent-element").hover(
			function() 
			{
				$(this).addClass("topContent-element-hover");
			},
			function() 
			{
				$(this).removeClass("topContent-element-hover");
			}
		);
		
		// Top content select
		$("#topContent_selected").change(
			function()
			{
				var selected = $("#topContent_selected").val();
				$(".topContent-element").removeClass("topContent-element-selected");
				$("#topContent-element" + selected).addClass("topContent-element-selected");
				
				var contentID = $("#topContent"+selected).val();
				updateTopContent(contentID);
			}
		);
		
		// Action initiations
		$("#topContent_selected").trigger('change');
	}
);

function setTopContent(contentNum)
{
	$("#topContent_selected").val(contentNum);
	$("#topContent_selected").trigger('change');
};

function updateTopContent(contentID_str)
{
	setLoading("topContent-focus-pic-div");
	$.post("/getTopContent.do",
		{
			contentID: contentID_str
		},
		function(data)
		{
			unsetLoading("topContent-focus-pic-div");
			$("#index-r1-c1").html(data);
		},
		"html"
	);
};