/* 
   Simple JQuery Content Navigation menu.
   HTML structure to use:

Copyright 2009 by James Andrew Strain

web: http://www.ninja-penguin.com
email: james.strain@ninja-penguin.com

Free for non-commercial use
*/

function onContentItemClick(contentItemName) 
{
	var $contentItem = $(contentItemName);

	if($("#selectedItem").length > 0)
	{
		if($("#selectedItem").parent().attr("id") == $contentItem.attr("id"))
		{
			return 0;
		}
		
		var $parent = $("#selectedItem").parent();
		$("#selectedItem").remove();
		$contentItem.append("<div id=\"selectedItem\"></div>");
		
		$parent.css("z-index","1");
		$parent.animate({ left: -$parent.outerWidth()}, "slow", "swing", onContentShowReady);
	}
}

function onContentShowReady()
{
	var $contentItem = $("#selectedItem").parent();

	$contentItem.css("z-index","2");
	//$contentItem.animate({ left: parseInt($contentItem.css('left'),10) == 0 ? -$contentItem.outerWidth() : 0}, "slow", "swing", onContentShowComplete);
	$contentItem.animate({ left: 0}, "slow", "swing");
}