//doet twee dingen:
// - Searchpage goed houden, label verdwijnen bij focus input
// - Cats laden via AJAX

document.write ('<style type="text/css">h2 {visibility: hidden;}</style>');

function loadCategory(event)
{
    $('activeLetter').id = '';
    this.id = 'activeLetter';
    
    $$('#categorien ul')[0].innerHTML = '';
    
    new Ajax.Request(url_to_root + 'index.php?view=xml&letter='+ $(this).innerHTML +'&timestamp=' + Math.random(), {
        method: 'get',
        onSuccess: function(transport) {
            var nodes = transport.responseXML.getElementsByTagName('category');
            var className = 'even';
            var nodesLength = nodes.length;
            for(var i=0; i < nodesLength; i++)
            {
                var productTitle = nodes[i].getAttribute('title');
                var productUrl = url_to_root + 'categorie/' + nodes[i].getAttribute('url');
                
                $$('#categorien ul')[0].innerHTML += '<li class="'+ className +'"><a href="'+ productUrl +'">'+ productTitle +'</a></li>';
                
                className = (className == 'even') ? 'oneven' : 'even';
            }
        },
        onFailure: function(obj) {
            alert('Probleem met laden cat');
        }
    });
    
    Event.stop(event);
}

function setFlashReplacement(item)
{
    if(item.getStyle('display') == 'none') {
        return;
    }

    item.replace('<embed src="'+ url_to_root +'swf/flash_title.swf" flashvars="tekst='+ item.innerHTML.toUpperCase() +'" width="350" height="23" wmode="transparent"/>');
}

Event.observe(window, 'load', function(){
    //search
    
    var DEFAULT_SEARCH_VALUE = 'Zoek op artikel of geschenk';

    $('zoeken').observe('focus',function(){
        if(this.value == DEFAULT_SEARCH_VALUE)
        {
            this.value = '';
        }
    });
    $('zoeken').observe('blur',function(){
        if(this.value == '')
        {
            this.value = DEFAULT_SEARCH_VALUE;
        }   
    });
    
    $('search').observe('submit',function(event){
        var searchquery = $('zoeken').value;
        if(DEFAULT_SEARCH_VALUE == searchquery)
        {
            alert('Geef een zoekterm op');
            $('zoeken').focus();
            Event.stop(event);
        }
        else if(searchquery.length < 3)
        {
            alert('Geef ten minste 3 letters in als zoekterm');
            $('zoeken').focus();
            Event.stop(event);
        }
    });
    
    //categories
    $$('#letters a').each(function(item){
        item.observe('click',loadCategory);
    });
    
    //titels met flash replacen
    $$('h2').each(setFlashReplacement);
    $$('legend').each(setFlashReplacement);
});