/* specially for MSIE! */
function convertSelect(o, max_size) {
	if (navigator.userAgent.indexOf('MSIE')>=0) {
		if (typeof(max_size) == 'undefined') max_size = 20;
		
		o.style.display = 'none';
		o.style.position = 'absolute';
		o.style.left = '0px';
		o.style.top = '0px';
		o.style.zIndex = 100;
		
		if (o.length > max_size) o.size = max_size;
		else o.size = o.length;
		
		var oParent = o.parentNode;
		var sValue = o[o.selectedIndex].text;
		var sButtonID = o.id + 'Button';
		var sButton = '<input id="' + sButtonID + '" type="button" class="selectbutton" value="' + sValue + '" onclick="toggleSelect(\'' + o.id + '\');">';
		oParent.innerHTML = sButton + oParent.innerHTML;
		$(sButtonID).style.width = o.style.width;
	}
}

function toggleSelect(s, hide) {
	if (navigator.userAgent.indexOf('MSIE')>=0) {
		var oSelect = $(s);
		var o = $(s + 'Button');
		
		if (hide || oSelect.style.display != 'none') {
			oSelect.style.display = 'none';
			var selectedIndex = (oSelect.selectedIndex < 0) ? 0 : oSelect.selectedIndex;
			o.value = oSelect[selectedIndex].text;
		} else {
			var sLeft = getLeftPos(o) + 'px';//function from menu.js
			var sTop = (getTopPos(o)) + 'px';  //function from menu.js
			oSelect.style.left = sLeft;
			oSelect.style.top = sTop;
			oSelect.style.width = 'auto';
			oSelect.style.zIndex++;
			oSelect.style.zIndex--;//strange workaround for IE6?
			oSelect.style.display = '';
			oSelect.focus();
		}
	}
}

/**
 * from http://www.hedgerwow.com/360/dhtml/ui_select_with_fixed_width/bk/demo.php
 * put this in CSS:
 * behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
 **/
function foo(px,py,pw,ph,baseElement,fid)
{
		var win = document.getElementById(this.fid);
}


function dropdown_menu_hack(el, callback)
{
	if(el.runtimeStyle.behavior.toLowerCase()=="none"){return;}
	el.runtimeStyle.behavior="none";
	
	var ie5 = (document.namespaces==null);
	
	if(window.createPopup==null)
	{
		var fid = "dropdown_menu_hack_" + Date.parse(new Date());
	
		window.createPopup = function()
		{
			if(window.createPopup.frameWindow==null)
			{
					el.insertAdjacentHTML("AfterEnd","<iframe   id='"+fid+"' name='"+fid+"' src='about:blank'  frameborder='1' scrolling='no'></></iframe>");
					var f = document.frames[fid];
					f.document.open();
					f.document.write("<html><body></body></html>");
					f.document.close();
					f.fid = fid; 
					

					var fwin = document.getElementById(fid);
					fwin.style.cssText="position:absolute;top:0;left:0;display:none;z-index:99999;";
				
					
					f.show = function(px,py,pw,ph,baseElement)
					{							
						py = py + baseElement.getBoundingClientRect().top + Math.max( document.body.scrollTop, document.documentElement.scrollTop) ;
						px = px + baseElement.getBoundingClientRect().left + Math.max( document.body.scrollLeft, document.documentElement.scrollLeft) ;
						fwin.style.width = pw + "px";
						fwin.style.height = ph + "px";						
						fwin.style.posLeft = px ;
						fwin.style.posTop = py ;
						fwin.style.display="block";
					}

					
					f_hide = function(e)
					{ 
						if(window.event && window.event.srcElement	&& window.event.srcElement.tagName && window.event.srcElement.tagName.toLowerCase()=="select"){return true;}
						fwin.style.display="none";
					} 
					f.hide = f_hide;
					document.attachEvent("onclick",f_hide);		
					document.attachEvent("onkeydown",f_hide);		
					
			}
			return f;
		}
	}

	function showMenu()
	{
		function selectMenu(obj)
			{
				var o = document.createElement("option");
				o.value = el.contentOptions[obj.selectedIndex].value;//obj.value;
				o.innerHTML = obj.innerHTML;			
				while(el.options.length>0){el.options[0].removeNode(true);}
				el.appendChild(o);
				el.title =  o.innerHTML; 
				el.contentIndex = obj.selectedIndex  ;
				el.menu.hide();
				
				if (callback) callback(el);
			}		
		
		
		el.menu.show(0 , el.offsetHeight , 10,  10, el);
		var mb = el.menu.document.body;
		
		mb.style.cssText ="border:solid 1px InactiveCaption;margin:0;padding:0;overflow-y:auto;overflow-x:auto;background:Window;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:11px;";
		var t = el.contentHTML;
		t = t.replace(/<select/gi,'<ul');
		t = t.replace(/<option/gi,'<li');
		t = t.replace(/<\/option/gi,'</li');
		t = t.replace(/<\/select/gi,'</ul');
		mb.innerHTML = t;	
	
		
		el.select = mb.all.tags("ul")[0];
		el.select.style.cssText="list-style:none;margin:0;padding:0;";
		mb.options = el.select.getElementsByTagName("li");
		
		for(var i=0;i<mb.options.length;i++)
		{
			mb.options[i].selectedIndex = i;
			mb.options[i].style.cssText = "list-style:none;margin:0;padding:1px 2px;width/**/:100%;cursor:hand;cursor:pointer;white-space:nowrap;"
			mb.options[i].title =mb.options[i].innerHTML;
			mb.options[i].innerHTML ="<nobr>" + mb.options[i].innerHTML + "</nobr>";
			mb.options[i].onmouseover = function()
				{
					if( mb.options.selected ){mb.options.selected.style.background="Window";mb.options.selected.style.color="WindowText";}
					mb.options.selected = this;
					this.style.background="Highlight";this.style.color="HighlightText";
				}
			
			mb.options[i].onmouseout = function(){this.style.background="Window";this.style.color="WindowText";}
			mb.options[i].onmousedown = function(){selectMenu(this);	}
			mb.options[i].onkeydown = function(){selectMenu(this);	}
				

			if(i == el.contentIndex)
			{
				mb.options[i].style.background="Highlight";
				mb.options[i].style.color="HighlightText";	
				mb.options.selected = mb.options[i];
			}
		}
	
		
		var mw = Math.max(   ( el.select.offsetWidth + 22 ), el.offsetWidth + 22  );
			 mw = Math.max(  mw, ( mb.scrollWidth+22) );
		var mh =  mb.options.length * 15  + 8 ; 
			 
		var mx = (ie5)?-3:0;
		var my = el.offsetHeight -2;
		var docH =   document.documentElement.offsetHeight ;
		var bottomH = docH  - el.getBoundingClientRect().bottom ; 

		mh = Math.min(mh, Math.max(( docH - el.getBoundingClientRect().top - 50),100)		);
		
		if(( bottomH < mh) )
		{
			
			mh = Math.max( (bottomH - 12),10);
			if( mh <100 ) 
			{
				my = -100 ;

			}
			mh = Math.max(mh,100);			
		}

		el.focus();
		
		el.menu.show( mx , my ,  mw, mh , el); 
		sync=null;
		if(mb.options.selected)
		{
			mb.scrollTop = mb.options.selected.offsetTop;
		}
	}
	
	function hideMenu() {
		el.menu.hide();
	}

	function switchMenu()
	{
		if(event.keyCode)
		{
			if(event.keyCode==40){ el.contentIndex++ ;}
			else if(event.keyCode==38){ el.contentIndex--; }
		}
		else if(event.wheelDelta )
		{
			if (event.wheelDelta >= 120)
			el.contentIndex++ ;
			else if (event.wheelDelta <= -120)
			el.contentIndex-- ;
		}else{return true;}

		if( el.contentIndex > (el.contentOptions.length-1) ){ el.contentIndex =0;}
		else if (el.contentIndex<0){el.contentIndex = el.contentOptions.length-1 ;}

		var o = document.createElement("option");
			 o.value = el.contentOptions[el.contentIndex].value;
			 o.innerHTML = el.contentOptions[el.contentIndex].text;
			 while(el.options.length>0){el.options[0].removeNode(true);}
			 el.appendChild(o);
			 el.title =  o.innerHTML; 
	}
	
	if(dropdown_menu_hack.menu ==null)
	{
		dropdown_menu_hack.menu =  window.createPopup();
		document.attachEvent("onkeydown", function() { dropdown_menu_hack.menu.hide(); dropdown_menu_hack.menuOpen = false; } );
	}
	el.menu = dropdown_menu_hack.menu ;
	el.contentOptions = new Array();
	el.contentIndex = el.selectedIndex;
	el.contentHTML = el.outerHTML;

	for(var i=0;i<el.options.length;i++)
	{	
		el.contentOptions [el.contentOptions.length] = 
		{
			"value": el.options[i].value,
			"text": el.options[i].innerHTML
		}

		if(!el.options[i].selected){el.options[i].removeNode(true);i--;};
	}

	el.onkeydown = switchMenu;
	//el.onclick = showMenu;
	el.onmousewheel= switchMenu;
	el.ondblclick = function(e) {
		showMenu();
		hideMenu();
	}
	el.onmousedown = function(e) { setTimeout(showMenu, 0); }
	
	window.onresize = function(){ el.menu.hide(); };		
}