$(document).ready(function(){

    // Expand Panel
    $("#open").click(function(e){
    	e.preventDefault();
        $("div#panel").slideDown("slow");
    });
    
    // Collapse Panel
    $("#close").click(function(e){
    	e.preventDefault();
        $("div#panel").slideUp("slow");
    });
    
    // Expand Panel ------------ This is to enable the function to work on two links
    $("#open2").click(function(e){
    	e.preventDefault();
        $("div#panel").slideDown("slow");
        
    });
    
    // Collapse Panel
    $("#close2").click(function(e){
    	e.preventDefault();
        $("div#panel").slideUp("slow");
    });
    
    // Switch buttons from "Log In | Register" to "Close Panel" on click
    $("#toggle a").click(function(e){
    	e.preventDefault();
        $("#toggle a").toggle();
    });
    // Switch buttons from "Log In | Register" to "Close Panel" on click
    $("#toggle2 a").click(function(e){
    	e.preventDefault();
        $("#toggle2 a").toggle();
    });
    
    $('#test').click(function(){
        $.blockUI({
            message: $('#question'),
            css: {
                width: '275px'
            }
        });
    });
    
    $('#yes').click(function(){
        // update the block message 
        $.blockUI({
            message: "<h1>Remote call in progress...</h1>"
        });
        
        $.ajax({
            url: 'wait.php',
            cache: false,
            complete: function(){
                // unblock when remote call returns 
                $.unblockUI();
            }
        });
    });
    
    $('#no').click(function(){
        $.unblockUI();
        return false;
    });   
    
});