// Preload Images
img1 = new Image(16, 16);  
img1.src="http://www.arashido.it/php/images/spinner.gif";

img2 = new Image(220, 19);  
img2.src="http://www.arashido.it/php/images/ajax-loader.gif";

// When DOM is ready
$(document).ready(function(){

    // Launch MODAL BOX if the Login Link is clicked
    $("#login_link").click(function(){
        $('#login_form').modal();
    });

    // When the form is submitted
    $("#status > form").submit(function(){

        // Hide 'Submit' Button
        $('#submit').hide();

        // Show Gif Spinning Rotator
        $('#ajax_loading').show();

        // 'this' refers to the current submitted form
        var str = $(this).serialize();

        // -- Start AJAX Call --

        $.ajax({
            type: "POST",
            url: "/php/do-login.php",  // Send the login info to this page
            data: str,
            success: function(msg){
   
                $("#status").ajaxComplete(function(event, request, settings){
 
                    // Show 'Submit' Button
                    $('#submit').show();

                    // Hide Gif Spinning Rotator
                    $('#ajax_loading').hide();

                    if(msg == 'OK') // LOGIN OK?
                    {
                        var login_response = '<div id="logged_in">' +
                        '<div style="width: 350px; float: left; margin-left: 70px;">' +
                        '<div style="width: 40px; float: left;">' +
                        '<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="/php/images/ajax-loader.gif">' +
                        '</div>' +
                        '<div style="margin: 10px 0px 0px 10px; float: right; width: 300px;">'+
                        "You are successfully logged in! <br /> Please wait while you're redirected...</div></div>";

                        $('a.modalCloseImg').hide();

                        $('#simplemodal-container').css("width","500px");
                        $('#simplemodal-container').css("height","120px");
 
                        $(this).html(login_response); // Refers to 'status'

                        // After 1 seconds redirect the
                        setTimeout('go_to_private_page()', 1000);
                    }
                    else // ERROR?
                    {
                        var login_response = msg;
                        $('#login_response').html(login_response);
                    }
                });
            }
        });
  
        // -- End AJAX Call --

        return false;

    }); // end submit event

    // Launch CREATE ARTICLE BOX if the Login Link is clicked
    $("#articolo_link").click(function(){
        $('#articolo_form').modal()
    });


    $("#status_articolo > form").submit(function(){
        $('#simplemodal-container').css("width","400px");
        $('#simplemodal-container').css("height","420px");
        $(this).html('#paragrafo_form')
    });

    

});

function go_to_private_page()
{
    window.location = '/admin/admin.php'; // Members Area
}