/*
// Example: 
document.observe('dom:loaded', function() {
    DefaultText_RegisterControl ($('LokatiePostcodesContainer').down('input'), "type hier uw postcode", $('btnBar').down('.btnOk'));
}); 

defaulttext_emptytextarea is gedefinieerd in layout.css
   
*/
function DefaultText_RegisterControl(control, defaulttext, okcontrol) {
    // control = $('LokatiePostcodesContainer').down('input')
    // defaulttext = "type hier uw postcode"
    // okcontrol = $('btnBar').down('.btnOk')
    
    Event.observe(control, 'focus', DefaultText_OnFocus.curry(control, defaulttext ));
    Event.observe(control, 'blur', DefaultText_OnBlur.curry(control, defaulttext));
    DefaultText_OnBlur(control, defaulttext);

    Event.observe(okcontrol, 'click', function(event) {
        DefaultText_OnFocus(control, defaulttext);
    });
}

function DefaultText_OnFocus(elem, defaultText) {
    if (elem.hasClassName('defaulttext_emptytextarea')) {
        elem.removeClassName('defaulttext_emptytextarea');

        //if (elem.value == defaultText) {  // cannot depend on this in IE8 !?!?!
        elem.value = "";
        //}
    }
}

function DefaultText_OnBlur(elem, defaultText) {
    if (elem.value == ""|| elem.value == defaultText) {  // cannot depend on this in IE8 !?!?!
        elem.value = defaultText;
        elem.addClassName("defaulttext_emptytextarea");
    }

}

function DefaultText_RegisterControlImg2(control, defaulttext, okcontrol, appvirtualpath) {
    // control = $('LokatiePostcodesContainer').down('input')
    // defaulttext = "type hier uw postcode"
    // okcontrol = $('btnBar').down('.btnOk')

    Event.observe(control, 'focus', DefaultText_OnFocusImg.curry(control, defaulttext));
    Event.observe(control, 'blur', DefaultText_OnBlurImg.curry(control, defaulttext, appvirtualpath));
    DefaultText_OnBlurImg(control, defaulttext, appvirtualpath);

    Event.observe(okcontrol, 'click', function(event) {
        DefaultText_OnFocusImg(control, defaulttext);
    });
}

function DefaultText_RegisterControlImg(control, defaulttext, okcontrol) {
    DefaultText_RegisterControlImg2(control, defaulttext, okcontrol, "..");
}

function DefaultText_OnFocusImg(elem, defaultText) {
    elem.setStyle({ 'backgroundImage': '' }); 
}

function DefaultText_OnBlurImg(elem, defaultText, appvirtualpath) {
    ext = '.png';
    /*@cc_on@*/
    /*@if (@_jscript_version < 5.7)
    ext = '.gif';
    /*@end@*/ 

    if (elem.value == "")
        elem.setStyle({'backgroundImage': "url('"+appvirtualpath+"/images/tbxback/"+defaultText+ext+"')" });
}