window.addEvent('domready', function()
{
    init_searchfield_behaviour();
    // Get triggered inline via TypoScript
    //init_claims();
});


function init_searchfield_behaviour()
{
    var searchfield_wrap = document.id('indexedsearch');
    var searchfield = document.id('searchbox');

    searchfield_wrap.setStyle('opacity', 0.3);

    searchfield.addEvent('focus', function(event)
    {
        searchfield_wrap.setStyle('opacity', 1);
        searchfield.select();
    });

    searchfield.addEvent('blur', function(event)
    {
        searchfield_wrap.setStyle('opacity', 0.3);
    });
}



function init_claims(open_claim)
{
    var claims = new Array(
        '… mit Seriösität.',
        '… mit Emotionen.',
        '… für Überraschungen.',
        '… für Aufmerksamkeit.',
        '… auf den Punkt',
        '… für Unterschiede',
        '… zum Verstehen',
        '… für Begeisterung'
    );
    var max_cols = 4;

    var claims_elm = document.id('claims');

    claims.each(function(claim, claim_index)
    {
        var col = (claim_index < max_cols) ? claim_index : (claim_index - max_cols);
        var row = (claim_index < max_cols) ? 0 : 1;

        if (claim === null) return;

        var show = (claim_index + 1 == open_claim) ? true : false;

        claims_elm.adopt(create_claims_layover(claim, col, row, show));
    });
}

function create_claims_layover(claim, col, row, show)
{
    return new Element('div',
    {
        'class': 'claims-overlay',
        'text': claim,

        'styles': {
            'opacity': (show) ? 1 : 0,
            'display': 'block',
            'left': col * 162 + ((col > 0) ? (col * 6) : 0),
            'top': (row == 0) ? 0 : 65
        },

        'events': {
            'mouseenter': function()
            {
                this.fade(1);
            },
            'mouseleave': function()
            {
                if (this.retrieve('open_claim') == true) return;
                this.fade(0);
            }
        }
    }).set('tween', {'duration': 250}).store('open_claim', show);
}