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.selectedIndex = Math.max( 0 , el.selectedIndex );

		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 nStartWidth =  el.offsetWidth ;

		el.runtimeStyle.width = 'auto';

		var nEndWidth  = el.offsetWidth;

		if(nStartWidth>nEndWidth){

			el.runtimeStyle.width = nStartWidth;

		}else{

        	el.runtimeStyle.width = 'auto';

        }

		//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;

}