document.observe ('dom:loaded', init_menu);

function init_menu (e)
{
    $('mainnav').select('li.expand a.toggler').invoke('observe', 'click', menu_toggler);
    // $$('input.clearable').invoke ('observe', 'click', empty_field);
    if ($('toggle_cart'))
    {
        $('toggle_cart').observe ('click', toggle_cart);
    }
}

function toggle_cart (e)
{
    e.stop();
    
    if (e.element().rel == 'hide')
    {
        e.element().writeAttribute ('rel', '');
        e.element().update ('Bekijk details');
        $('shoppingcart_home').select('.togglethis').invoke ('hide');
    } else {
        e.element().writeAttribute ('rel', 'hide');
        e.element().update ('Verberg details');
        $('shoppingcart_home').select('.togglethis').invoke ('show');
    }
}

function empty_field (e)
{
    e.element().value = '';
    e.element().stopObserving('click');
}

function menu_toggler (e)
{
    e.stop();
    
    // reset all a, li and dl elements withing mainnav
    $('mainnav').select('dl').invoke('hide');
    $('mainnav').select('a.selected').invoke('toggleClassName', 'selected');
    $('mainnav').select('li.active').invoke('toggleClassName', 'active');
    
    
    // style the selected elements
    e.element().toggleClassName('selected');
    e.element().up('li').toggleClassName('active');
    e.element().next('dl').show();
    
    
}