function toggleTab(listElement)
{
    var tabIndex = 0 
		var previousItems = $(listElement).getParent('li').getAllPrevious('li');
		var nextItems = $(listElement).getParent('li').getAllNext('li');
		var tabContents = $('tabContent').getChildren('div');

		for(var i = 0; i < previousItems.length; i++)
		{
				tabIndex++;
				previousItems[i].removeClass('active');
		}
		
		$(listElement).getParent('li').addClass('active');
		
		for(var i = 0; i < nextItems.length; i++)
		{
				nextItems[i].removeClass('active');
		}
		
		for(var i = 0; i < tabContents.length; i++)
		{
			if(i == tabIndex)
			{
				tabContents[i].removeClass('tabContent')
				tabContents[i].addClass('tabContentActive');
			}
			else
			{
				tabContents[i].removeClass('tabContentActive')
				tabContents[i].addClass('tabContent');
			}
		}
}

function moveTabs(tabIndex)
{
		var tabHeaders = $('tabNav').getChildren('li');
		var tabContents = $('tabContent').getChildren('div');
		for(var i = 0; i < tabContents.length; i++)
		{
			if(i == tabIndex)
			{
				tabHeaders[i].addClass('active');
				tabContents[i].removeClass('tabContent')
				tabContents[i].addClass('tabContentActive');
			}
			else
			{
				tabHeaders[i].removeClass('active');
				tabContents[i].removeClass('tabContentActive')
				tabContents[i].addClass('tabContent');
			}
		}
}

