$(document).ready(function(){  
   //References  
    var sections = $("#menu li");  
    var loading = $("#loading");  
    var content = $("#rightcol"); 
 
    
    //show loading bar  
    function showLoading(){  
    loading  
        .css({visibility:"visible"})  
        .css({opacity:"1"})  
        .css({display:"block"})  
    ;  
}  

//hide loading bar  
function hideLoading(){  
    loading.fadeTo(1000, 0);  
    content.slideDown();  
};  

//Manage click events  
sections.click(function(){  
    //show the loading bar  
    showLoading();  
    //load selected section  
    switch(this.id){  
        case "home":  
           // content.slideUp();  
            content.load("sections.html #section_home", hideLoading);  
            break;  
case "resume":  
            //content.slideUp();  
            content.load("resume.html", hideLoading);  

            break;

        
        case "publications":  
            
            content.load("publications.html", hideLoading);  
            break;  
         case "socialactivities":
            content.slideUp();
           content.load("sections.html #section_socialactivities",hideLoading); 
           break;
        case "myphoto":  
            content.load("myphoto.html", hideLoading);  
            break;
        case "mylifeline":
            content.load("sections.html #section_mylifeline",hideLoading);  
             break;
        case "medicallinks":  
            content.load("medicallinks.html", hideLoading);  
            break;  
        case "diablinks":  
            content.load("diablinks.html", hideLoading);  
            break;  
        case "otherlinks":  
            content.load("otherlinks.html", hideLoading);  
            break;  
        case "ioh":  
            content.load("sections.html #section_ioh", hideLoading);  
            break;  
        default:  
            //hide loading bar if there is no selected section  
            hideLoading();  
            break;  
    }  
});    
});