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( el, 'focus' , 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
			{
				var beforeWidth = el.clientWidth;
				el.runtimeStyle.width = 'auto';
				var afterWidth = el.clientWidth;
				if (beforeWidth > afterWidth)
					el.runtimeStyle.width = '';
				el.selectedIndex = Math.max(0, el.selectedIndex);
			}
		}

		var nStartWidth =  el.offsetWidth ;
		var beforeWidth = el.clientWidth;
		el.runtimeStyle.width = 'auto';
		var afterWidth = el.clientWidth;
		if (beforeWidth > afterWidth)
			el.runtimeStyle.width = '';
		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;
}

function initSelectWidthFix()
{
	var nodes = YAHOO.util.Selector.query(".select-box select");
	for (var i = 0; i < nodes.length; i++)
	{
		new YAHOO.Hack.FixIESelectWidth( nodes[i].id );
	}
}
YAHOO.util.Event.onDOMReady(initSelectWidthFix);