// after document loaded
$(document).ready(function(){ 
	// Set header
	$('#header').load("/html/header.html");

	// Set footer
	$('#footer').load("/html/footer.html");

	// Set default content
        $('#content').hide('', loadContent("index"));

	// Handle menu
	$('#menu').load("./html/menu.html",function(){
            // Hide submenu
	    $('#menu ul li.submenu').hide();

	    // Handle click on item
            $("#menu a").click(function() {
		if($(this).attr('class') != "submenu") {
	            $("li.submenu").fadeOut('');

                    // Show corresponding submenu
	            $("[name='" + $(this).attr("name") + "_submenu']").fadeIn('');
		}

                // Load content
                $('#content').hide('', loadContent($(this).attr('name')));

		// Do not load the page
	        return false;
            });
        });
});

function loadContent(page) {
    $('#content').load("/html/" + page + ".html",'',contentShow);
}

function contentShow() {
    $('#content').fadeIn();

    // Handle click within content
    $("#content a.content").click(function() {
        // Load content
        $('#content').hide('', loadContent($(this).attr('name')));

	// Do not load the page
	return false;
    });
}