$(document).ready(
		function() {
			showSubmenu();
			showContent();
			buildAccordition(".guideHeading", ".guideText");
		}
	);
		
	function showSubmenu() {
		$("#menu li").click( 
			function() { 
				var t = $(this).attr("title");
				var i = $(this).attr("alt");
				
				$("#submenu ul").hide();
				$(".submenu"+t).show(); 
				
				$("#menu ul").removeAttr("class");
				$("#menu ul").attr("class","a"+i);
				
				$("#header h1").removeAttr("class");
				$("#header h1").attr("class","logo"+i);
				
				$("#section").removeAttr("class");
				$("#section").attr("class","s"+i);
				
				$("#border").removeAttr("class");
				$("#border").attr("class","b"+i);
				
				$("#menu li").removeClass("active"); 
				$(this).addClass("active"); 
				
				$("#submenu li").removeClass("active");
				$("#content").html("");
				
				$("#manual1").removeAttr("class");
				$("#manual1").attr("class","manual11");
				
				$("#manual2").removeAttr("class");
				$("#manual2").attr("class","manual21");
			} 
		);
		$("#menu li").hover(
			function() { 
				$(this).addClass("menu"); 
			}, 
			function() { 
				$(this).removeClass("menu"); 
			}
		);
	}
	
	function showContent() {
		$("#submenu li").click(
			function() {
				$("#manual1").removeAttr("class");
				$("#manual1").attr("class","manual12");
				
				$("#manual2").removeAttr("class");
				$("#manual2").attr("class","manual22");
			
				var i = $(this).attr("title");
				$.get(
					'inc/ajax-fn.inc.php', 
					{a:'view', id:i},
					function(data) { 
						$("#content").html(data);
						buildAccordition(".guideHeading", ".guideText"); 
					} 
				);
				$("#submenu li").removeClass("active"); 
				$(this).addClass("active"); 
			}
		)
	}
	
	function buildAccordition(objClick, objToggle) {
		$(objClick).click(
			function() {
				$(this).next(objToggle).slideToggle(400);
				$(objClick).not(this).next(objToggle).slideUp(400);
			}
		)	
	}