window.onload = init;

function openSubMenu(id, depth)
{
    Element.show('catmenu_' + id);
    Element.hide('plus_' + id);
    Element.show('minus_' + id);

    new Ajax.Request(basePath + 'categories/ajax_saver/' + id + '/open', {
      method: 'get'
    });
    
}

function closeSubMenu(id, depth)
{
    Element.hide('catmenu_' + id);
    Element.show('plus_' + id);
    Element.hide('minus_' + id);
    
    new Ajax.Request(basePath + 'categories/ajax_saver/' + id + '/close', {
      method: 'get'
    });    
}

function init()
{
    initUserField();
    initPasswordField();
    
    //Droppables.add('basketbox', {
    //    onDrop: itemDropped});
}

/**
 * Init the user login field
 */ 
function initUserField()
{
    var userField = $('loginUser');
    var preval = 'Benutzer';
    
    if (userField.value == '')
        userField.value = preval;
        
    userField.onfocus = function() { 
                if (userField.value == preval)
                        userField.value = ''; 
                                    }
                                    
    userField.onblur  = function() {
                if (userField.value == '')
                        userField.value = preval;
                                    }
}  

/**
 * Init the password login field
 * this field is special, because we have a hidden field which we display because
 * password field is of type password, which hides all inputs
 */   
function initPasswordField()
{
    var passwordField       = $('loginPassword');
    var passwordPlaceholder = $('passwordPlaceholder');
    var preval = 'Passwort';

    passwordPlaceholder.value = preval;
          
    passwordPlaceholder.onfocus = function() {
            passwordPlaceholder.hide();
            passwordField.show();
            passwordField.focus();
           }
}