
loadLeftNavStyles = function (){
	
	jQuery('ul#nav_Sup li ul').click(function(e){
		e.stopPropagation();
	}).hide();

	jQuery('#nav_Sup li').click(expandTree);

	jQuery('#nav_Sup li').click(function(){
		var visibleChildLists = jQuery(this).find('ul').is(':visible');
		
		if(!visibleChildLists) {
			// there aren't any visible lists below me	
			// so shut down my siblings lists
			jQuery(this)
				.parent()
				.find('ul')
				.slideUp('fast')
				.parent()
				.removeClass('background_nav');
			
		} else {
			// i have visible lists below me 
			// so shut down any child lists
			jQuery(this)
			    .find('ul li ul')
			    .slideUp('fast')
				.parent()
			  	.removeClass('background_nav');
			
		} 
		
		// open up child lists
		
		if (visibleChildLists) {
			jQuery(this)
				.find('ul')
				.first()
				.slideUp('fast')
				.parent()
				.removeClass('background_nav');			
			
		} else {
			jQuery(this)
				.find('ul')
				.first()
				.slideDown('fast')
				.parent()
				.addClass('background_nav');
		}
		
		
		
	});

	// for any click on an li element in the nav, remove the  
	jQuery('#nav_Sup li').click(function(){
			jQuery('li').removeClass('background_nav');
			jQuery(this).addClass('background_nav');
			jQuery(this).parents().addClass('background_nav');
	});


	// Begining of Warning Duplicate ID Script
	// Warning Duplicate IDs Script
	// Please install this as its own JavaScript file that will be seen on every page
	// Once installed open up Firefox, then open up Firebug, then head to the console
	// Once in the console it will display the ID's of which ID's are duplicated
	// From then on its up to you to figure out if one of the ID's need to be deleted
	// or renamed.
	// If renamed then make sure the CSS and JS isn't broken if it is, fix the names
	// within those files to ensure that it will work.
	// You will still have to search for the ID as it does not give line number,
	// but this will make development alot easier. Keep a copy of it as I'm sure
	// its useful on other sites within LLS.
	// Phil
	
	/*
	jQuery('[id]').each(function(){
	  var ids = jQuery('[id='+this.id+']');
	  if(ids.length>1 && ids[0]==this)
	    console.warn('Multiple IDs #'+this.id);
	});
	*/
	// End of Script
		    	
	// signal li elements that have children
	jQuery('#nav_Sup li').has('li:last-child').addClass('has_children');
}

