document.observe('dom:loaded', function() { initUi(); });

function initUi()
{
    if(Prototype.Browser.Opera || Prototype.Browser.WebKit)
        initSkipLinks();
    initSearchBox();
}

function initSkipLinks()
{
    var elements;
    elements = $$('#skiplinks a');
    elements.each(function(element){
        url = element.readAttribute('href');
        if(url.startsWith('#'))
        {
            var id;
            id = url.substring(1, url.length);
            $(id).insert({top: '<a id="skip'+id+'" name="skip'+id+'" class="skip" tabindex="-1"></a>'});
        }
        element.observe('click', setFocus);        
    });
}

function setFocus(event)
{
    var url;
    url = event.element().readAttribute('href');
    if(url.startsWith('#'))
    {
        var id, target;
        id = url.substring(1, url.length);
        target = $('skip' + id);
        target.setAttribute("tabindex" , "0");
        target.href='#skip' + id;
        target.focus();
    }
}

function initSearchBox()
{
    var searchfield;
    searchfield = $('searchfield');
    searchfield.value='Suchbegriff';
    searchfield.observe('focus', function(event){
        if(event.element().value === 'Suchbegriff')
            event.element().value='';
    }).observe('blur', function(event){
        if(event.element().value.empty())
            event.element().value='Suchbegriff';
    });
}