// JavaScript Document

$(document).ready(function()
{
	
	
	
	var currentItem = null;
	var currentPanel = null;
	var currentDefaultClass = null;
	var currentSelectedClass = null;
	
	
	//find the default
	var Default = $("div.crewButtons li.default");
	
	if (Default.length == 1)
	{
		currentItem = Default;
		currentDefaultClass = Default.attr("defaultClass");
		currentSelectedClass =  currentDefaultClass + "-selected";
		currentPanel = $(Default.attr("namePanelID"))
	}
	
	
	
	
	$("div.crewButtons li").mouseup(function()
	{
		var Item = $(this);
		var defaultClass = Item.attr("defaultClass");
		var selectedClass = defaultClass + "-selected";
		var namePanelID = Item.attr("namePanelID");
		
		if (defaultClass != null && namePanelID != null)
		{	
			if (currentItem != null && currentItem != this)
			{
				//swap the classes
				currentItem.removeClass(currentSelectedClass).addClass(currentDefaultClass);
				
				if (currentPanel != null)
				{
					currentPanel.addClass("noShow");					
				}
			}
		
		
			//reset the current panel
			currentItem = Item;
			currentDefaultClass = defaultClass;
			currentSelectedClass = selectedClass;
			
			//change the class
			Item.removeClass(defaultClass);
			Item.addClass(selectedClass);
			
			if(namePanelID != null)
			{
				var namePanel = $(namePanelID);
				
				if (namePanel.length > 0)
				{
					currentPanel = namePanel;
					
					namePanel.removeClass("noShow");
				}
				else
				{
					currentPanel = null;
				}
				
			}
		}
		
		
	});
	
	var _member = $(document).getUrlParam("member");
	
	if (_member != null)
	{
		var focusMember = null;
		
		
		if (_member.toLowerCase() == "bruce")
		{
			focusMember = $("div.crewButtons ._bruce");
		}
		
		if (_member.toLowerCase() == "mike")
		{
			focusMember = $("div.crewButtons ._mike");			
		}
		
		if (_member.toLowerCase() == "jeremy")
		{
			focusMember = $("div.crewButtons ._jeremy");			
		}
		
		if (_member.toLowerCase() == "james")
		{
			focusMember = $("div.crewButtons ._james");			
		}
		
		if (_member.toLowerCase() == "cliff")
		{
			focusMember = $("div.crewButtons ._cliff");		
		}
		
		if (focusMember != null && focusMember.length > 0)
		{
			focusMember.trigger("mouseup");
		}
		
		
	}
	
	
});