function newMenu()
{

	var jsMenu;
	var currentMenu;
	
	//Remove CSS Functionality
	$('#menu').removeClass('css').find('#menu>li>ul').css('display', 'none');
	
	//Add Some Classes
	$('.menu li>ul>li:last-child').addClass('lastMenuItem');
	
	
	
	var removeIt = function()
	{
		
		jsMenu.hide('fast',function(){
			$(this).remove();
		});
		jsMenu = null;
		currentMenu.removeClass('hover');
	};
	
	$('#menu>li>ul').parent().mouseover(
	
		function()
		{	
			if(jsMenu != null)
			{
				removeIt();
			}
		
			var content = $(this).find('ul').html();
			jsMenu = $('<div><ul class="jsMenu"></ul></div>');
			
			//Add the Menu
			$('#menu').append(jsMenu);
			jsMenu.children('ul').html(content).parent().css({
				position:'absolute',
				top: $(this).offset().top - 4,
				left: $(this).offset().left + 170
			});
			
			//Hide it and then animate it in
			jsMenu.hide();
			jsMenu.show(200);
			
		
			currentMenu = $(this);
			currentMenu.addClass('hover');
		}
	);
	
	$('#menu>li:not(:has(ul))').mouseover(function(){
		
		if(jsMenu != null)
		{
			removeIt();
		}
	});
	
	$('#menu').mouseleave(function(){
		if(jsMenu != null)
		{
			removeIt();
		}
	});
	
}

function menuMouseHandler()
{
	var el= $(this).children('ul');
	
	if( el.hasClass('closed') )
	{
		el.removeClass('closed');
		el.addClass('open');
		el.show();
		el.fadeTo('normal',1);
		
	}else if( el.hasClass('open') )
	{
		el.removeClass('open');
		el.addClass('closed');
		el.css('opacity',0);
		el.hide();
	}
}



function newSubMenu()
{
	$("#subMenu").removeClass('none');
		
		var items = $("#subMenu a[rel]");
		items.bind("click", function()
		{
			var clicked = $(this).attr('rel');
			
			items.each(function()
			{
				var item = this;
				
				var el = $("#" + $(item).attr('rel'));
				
				if($(item).attr('rel') == clicked)
				{
					$(item).addClass('selected');
					el.fadeIn('slow');
				}
				else
				{
					$(item).removeClass('selected');
					el.hide();
				}
			});
		}).each(function(i)
		{
			var div = $("#" + $(this).attr('rel'));
			if(i!=0)
			{
				div.hide();
			}
		});
}

function collapseClickHandler()
{
	if( $(this).hasClass('open') )
	{
		$(this).removeClass('open');
		$(this).next().slideUp('normal');
	}else
	{
		$(this).addClass('open');
		$(this).next().slideDown('normal');
	}
}

function collapsible()
{
	$('.collapsible dd').hide().prev().bind('click', collapseClickHandler);
	//Swap the class so it only takes the CSS changes if JS is enabled
	$('.collapsible').removeClass('collapsible').children('dt').addClass('collapsibleItem');
}


