var intInterval;
var arrSelect = new Array();
var arrInterval = new Array();
 
function dhtmlSelect(selectid, selid){

	arrSelect.push(selectid);
	
	var selectbox= $(selectid);

	document.write('<div id="dhtmlsel_'+selectid+'"  class="dhtmlselect dhtmlselect_'+selid+'" onmouseout="autoHide(100);" onmousemove="autoHideDisable();"  >');
	document.write('<div class="inputbox inputbox_'+selid+'"  id="ib_'+selectid+'" onClick="showMe(\''+selectid+'\')" onmouseout="nd()" onmouseover="autoHideDisable();showFontSample( $(\''+selectid+'\').value, \'dhtmlsel_'+selectid+'\');">'+selectbox.options[selectbox.selectedIndex].text+'</div>');
	document.write('<ul class="dropdown dropdown_'+selid+'"   id="pd_'+selectid+'" style="display: none;" >');
	for (var i=0; i<selectbox.options.length; i++){
      document.write('<li onClick="hideMe(this,\''+selectid+'\')" onmouseover="changeMe(this,\''+selectid+'\')" onmouseout="nd();" value="'+selectbox.options[i].value+'"><a style="cursor:pointer"  >'+selectbox.options[i].text+'</a></li>');
	} 
	document.write('</ul>'); 
	document.write('</div>'); 

	$(selectid).hide();
}


function hideMe(el, sel){ 

  $('ib_'+sel).innerHTML=  el.innerHTML;
  $(sel).value =  el.value;
  
  
  $('pd_'+sel).hide();
  showChild();
      
  autoHideDisable();
  
}
       
       
function changeMe(el,sel){
 
 
 
 showFontSample(el.value, 'dhtmlsel_'+sel); 
 autoHideDisable();
 
 
}

       
function showMe(sel){
  
 autoHideDisable(); 
 for (var index = 0; index < arrSelect.length; ++index) {
		  if ( arrSelect[index]  == sel ){
		  	
		  		new Effect.toggle('pd_'+sel, 'appear', {duration:0});
				showFontSample($(sel).value, 'dhtmlsel_'+sel); 
				
		  }else{
		  	
		  	$('pd_'+arrSelect[index]).hide();
			  
		  } 
 } 
 
 
 
 
}


function hideAll(){
	
	for (var index = 0; index < arrSelect.length; ++index) {
		  $('pd_'+arrSelect[index]).hide(); 
	} 
}

function autoHide(delay){ 
	arrInterval.push( setInterval('hideAll()', delay) ); 
}

function autoHideDisable(){
	for (var index = 0; index < arrInterval.length; ++index) {
		  clearInterval( arrInterval[index] );
		  arrInterval.pop( arrInterval[index] ); 
	} 
}