//set width to auto on click, reset on change
function listenSelectbox(){
    if(Prototype.Browser.IE){
        appVersion = navigator.appVersion;
        appVersion = appVersion.split(';');
        is7 = appVersion[1].indexOf('MSIE 7') >= 0 ? true : false;
        is6 = appVersion[1].indexOf('MSIE 6') >= 0 ? true : false;
        $$('select').each(function(element){
            var initWidth = element.getWidth();
            element.style.width='auto';
            if(element.getWidth() < initWidth){
                element.style.width = initWidth+'px';
            } else {
                element.style.width = initWidth+'px';
                ancestor = element.up();
                ancestor.style.position='relative';
                element.style.position='absolute';
                if(is6){
                    element.style.margin='0 0 0 3px';
                }
                
                element.observe('mousedown', function(){
                    element.style.width='auto';
                    element.focus();
                });
                
                element.observe('change', function(event){
                    element.style.width=initWidth+'px';
                    if(element.id=='anidSel'){
                        confirmChange(event);
                    }
                });
            }
        });
    } else {
        $('anidSel').observe('change', function(event){confirmChange(event)})
    }
}
document.observe('dom:loaded', function(){listenSelectbox()});
