function debug(str) {
    try {
        debug_el = document.getElementById('debug');
        debug_el.innerHTML = str + '<br />' + debug_el.innerHTML;
    } catch(e) {
        // TODO: send exception to bugs.clickhere.nl
        // alert(e);
    } // try
} // debug

function landingstabswitch(ev){
    var elementID;
   
    //if event doesn't exist,
    //use window.event
    if(!ev){
       ev = window.event;    
    }
    debug('clicked ' + ev);

    try{
        if(ev.target){
            elementID = ev.target.id;
            // get the id of the element that was clicked (IE)
        } else if(ev.srcElement){
            elementID = ev.srcElement.id;
        }
    } catch(e){
        debug(e);
    }

    debug(elementID);

    $A($('tabswitcher').getElementsByTagName('a')).each(function(el){
            targetdiv = $('div_' + el.id);
            if (targetdiv){
                if (el.id == elementID){
                    debug('switch to ' + targetdiv.id);
                    // <a> is contained in a <li> 
                    el.parentNode.className = 'selected';
                    try{
                        targetdiv.style.display = 'block';
                    } catch(e){
                        debug(e);
                    }
                } else {
                    el.parentNode.className = '';
                    try{
                        targetdiv.style.display = 'none';
                    } catch(e){
                        debug(e);
                    }
                }
            }
        });
}


function initLandingTabSwitcher(){
    try{
        if ($('tabswitcher')){
            debug('init landingtabswitcher');
            $A($('tabswitcher').getElementsByTagName('a')).each(function(el){
                    el.onclick = landingstabswitch;
                });
        }
    }catch(e){
        debug(e);
    }
}// end initLandingTabSwitcher 

function onSearchClick() {
    if (this.value == 'Zoeken...'){
        this.value = '';
    } // if
} // onSearchClick()

function onSearchSubmitClick() {
    if ($('searchbox').value == 'Zoeken...'){
        $('searchbox').value = '';
    } // if
} // onSearchSubmitClick()

function onLoginEmailClick() {
    if (this.value == 'E-mail adres...'){
        this.value = '';
    } // if
} // onLoginEmailClick()


function initEvents() {
    Event.observe('searchbox',       'click', onSearchClick);
    Event.observe('searchboxsubmit', 'click', onSearchSubmitClick);
   
    try {
        Event.observe('login_email', 'click', onLoginEmailClick);
    } catch(e) {
        if( !(e instanceof TypeError)) {
            debug(e);
        } 
    }
} // initEvents()


Event.observe(window, 'load', initEvents);
Event.observe(window, 'load', initLandingTabSwitcher);