YAHOO.namespace('YAHOO.Hack').FixIESelectWidth = new function() {
    var oSelf = this;
    var YUE = YAHOO.util.Event;
    var YUD = YAHOO.util.Dom;
    var oTimer = {};
    var oAnim = {};
    var nTimerId = 0;
    var dLastFocalItem;
    var ie7 = !!(document.uniqueID && typeof (XMLHttpRequest) != 'undefined')
    function init(el) {

        el = el || this;

        if (el.tagName.toLowerCase() != 'select') {
            throw Error('element [' + el.id + '] is not <select>');
            return;
        };

        if (!YUD.hasClass(el.parentNode, 'select-box')) {
            throw Error('className select-box is not included for element [' + el.id + ']');
            return;
        };

        var oRs = el.runtimeStyle;
        var oPRs = el.parentNode.runtimeStyle;

        oPRs.fonSize = 0;

        var sDisplay = el.parentNode.currentStyle.display.toLowerCase();
        if (sDisplay == '' || sDisplay == 'inline' || sDisplay == 'inline-block') {
            oPRs.display = 'inline-block';
            oPRs.width = el.offsetWidth + 'px';
            oPRs.height = el.offsetHeight + 'px';
            oPRs.position = 'relative';
            oRs.position = 'absolute';
            oRs.top = 0;
            oRs.left = 0;
        };

        el._timerId = (nTimerId += 1);

        el.selectedIndex = Math.max(0, el.selectedIndex);

        oTimer['_' + el._timerId] = setTimeout('void(0)', 0);
        oAnim['A' + el._timerId] = setTimeout('void(0)', 0);

        YUE.on(el, 'mouseover', onMouseOver);
        YUE.on(document, 'mousedown', onMouseDown, el, true);
        YUE.on(el, 'change', collapseSelect, el, true);
    }


    function collapseSelect(e) {
        status++;
        this.runtimeStyle.width = '';
    }

    function onMouseOver(e) {

        var el = this;
        if (dLastFocalItem && dLastFocalItem != el) {
            onMouseDown.call(dLastFocalItem, e);
        };

        var sTimerId = '_' + el._timerId;
        var sAniId = 'A' + el._timerId;
        clearTimeout(oTimer[sTimerId]);



        var onTween = function() {
            clearTimeout(oAnim[sAniId]);
            if (Math.abs(nEndWidth - nStartWidth) > 3) {
                nStartWidth += (nEndWidth - nStartWidth) / 3;
                el.runtimeStyle.width = nStartWidth + 'px';
                oAnim[sAniId] = setTimeout(onTween, 0);
            }
            else {
                el.runtimeStyle.width = 'auto';
                el.selectedIndex = Math.max(0, el.selectedIndex);
            }
        }

        var nStartWidth = el.offsetWidth;
        el.runtimeStyle.width = 'auto';
        var nEndWidth = el.offsetWidth;


        clearTimeout(oAnim[sAniId]);
        onTween();

        el.focus();
        dLastFocalItem = el;
    }

    function onMouseDown(e, el) {
        el = (e.srcElement || e.target);

        if (el == this && e.type != 'mouseover') {
            status++;
            YUE.stopEvent(e);
            return false;
        };

        el = this;

        clearTimeout(oAnim['A' + el._timerId]);

        var sTimerId = '_' + el._timerId;
        var doItLater = function() {
            el.runtimeStyle.width = '';
        };
        if (e.type == 'mouseover')
        { doItLater(); }
        else {
            oTimer[sTimerId] = setTimeout(doItLater, 100);
        }
    }

    function constructor(sId) {
        sId = [sId, ''].join('');
        //Only fix for IE55 ~ IE7

        if (document.uniqueID && window.createPopup) {
            YUE.onAvailable(sId, init);
            return true;

        } else { return false };
    };

    return constructor;
}