$(document).ready(function(){
	resource = $(document).getUrlParam("resource");
	if (resource != '' && resource != null)
	{
		$('div.details').load("resources/"+resource+".inc");
		selected = document.getElementById(resource);
		$(selected).addClass('selected');
	}else
	{
		$('div.details').load("resources/web-deploy.inc");
		$('a#web-deploy').addClass('selected');
	}

	$('a.resource').click(function(event){	
		$(this).parent().nextAll().children(0).removeClass("selected");
		$(this).parent().prevAll().children(0).removeClass("selected");
		$(this).addClass("selected");
		resource = $(this).attr("id");
		$('div.details').load("resources/"+resource+".inc");
		event.preventDefault();
	});
	
	$('a.next').click(function(event){
		selected = $("a[class*='selected']");
		if ($(selected).attr("id") == $("ul.menu li:last").children(0).attr("id")) next = $("ul.menu li:first").children(0);
		else next = $(selected).parent().next().children(0);
		if ($(next).attr("id") == 'skip' || $(next).attr("id") == 'first') next = $(next).parent().next().children(0);
		if ($(next).attr("id") != null)
		{
			$(selected).parent().nextAll().children(0).removeClass("selected");
			$(selected).removeClass("selected");
			$(selected).parent().prevAll().children(0).removeClass("selected");
			$(next).addClass("selected");
			resource = $(next).attr("id");
			$('div.details').load("resources/"+resource+".inc");
		}
		event.preventDefault();
	});
	
	$('a.previous').click(function(event){
		selected = $("a[class*='selected']");
		if ($(selected).attr("id") == $("ul.menu li:first").children(0).attr("id")) prev = $("ul.menu li:last").children(0);
		else prev = $(selected).parent().prev().children(0);
		if ($(prev).attr("id") == 'first') prev = $("ul.menu li:last").children(0);
		if ($(prev).attr("id") == 'skip') prev = $(prev).parent().prev().children(0);
		if ($(prev).attr("id") != null)
		{
			$(selected).parent().nextAll().children(0).removeClass("selected");
			$(selected).removeClass("selected");
			$(selected).parent().prevAll().children(0).removeClass("selected");
			$(prev).addClass("selected");
			resource = $(prev).attr("id");
			$('div.details').load("resources/"+resource+".inc");
		}
		event.preventDefault();
	});
});