$(document).ready(function(){

    $('#header #menu a').click(function (event) {
        //event.preventDefault();
        });

    var call = function() {
        var name = $('input[name=name_login]').val();
        var password = $('input[name=password_login]').val();
        $(this).html('<div style="width: 100%; text-align:center; padding-top: 50px;">Bitte warten, wird geladen...<br /><img src="/assets/img/ajax-loader.gif" /></div>');
        
        $.post('/login/', {
            'name_login': name,
            'password_login': password
        }, function(data) {
            if (data == 'login successful') {
                window.location.reload();
            }
            else {
                alert('Name oder Passwort ist leider falsch.');
            }
        }
        );
        $(this).dialog('close');
    };

    

    $('#dummy').dialog({
        autoOpen: false,
        height: 350,
        width: 500,
        modal: true,
        title: 'Login zum Adminbereich',
        buttons: {
            'Login': call
        }
    });
    

    $('#login').click(function (event) {
        event.preventDefault();
        var content = '<img src="/assets/img/login.png" style="float:left; margin-right: 50px; margin-top: 20px;"/>\n\
                        <h1>Login</h1>\n\
                        <p style="font-size: smaller;">Geben Sie hier den Namen und Ihr Kennwort an um sich in den Adminstrationsbereich einzuloggen.</p>\n\
                        <form id="loginform" action="/login" method="post"><table><tr><td>Name:</td><td><input name="name_login" type="text" value=""/></td></tr>\n\
                            <tr><td>Kennwort:</td><td><input name="password_login" type="password" value=""/></td></tr></table></form>';
        $('#dummy').html(content);
        $('#login').submit(call);
        $('#dummy').dialog('open');
       
    });

    $('#logout').click(function (event) {
        event.preventDefault();
        $.get('/logout/',
            function(data) {
                window.location.reload();
            }
            );

    });

    $('#menu li>span').click(function(event) {
        event.preventDefault();
    });

    $('h1').each(function() {
        $(this).data('title', $(this).html());
    });
});