/*********************************************************
 *
 * Nice Select for Mootools
 * Author: Trol InterMedia
 *
 *********************************************************/

/*
CSS
.hide{ display:none !important; }


#select_left{ margin:5px 0px 0px 26px; float:left; }
#select_left .nice_select{ position:relative; width:105px; height:15px; background-color:#efefeb; }
#select_left .nice_select span{ display:block; padding:1px 0px 0px 4px; width:87px; float:left; cursor:pointer; }
#select_left .nice_select_btn{ background:url(/images/arrow_select.gif) no-repeat 1px 0px; width:13px; height:13px; cursor:pointer; float:left; }
#select_left .nice_select ul{ position:absolute; top:21px; left:0px; width:105px; background-color:#efefeb; }
#select_left .nice_select ul li{ padding:1px 0px 1px 4px; cursor:pointer; }

*/

var PopupId;
function objPopup(Id){
  if( Id!=PopupId && $(PopupId)  )
		$(PopupId).addClass('hide');
  if( $(Id).hasClass('hide') )
		$(Id).removeClass('hide');
  else
		$(Id).addClass('hide');
  PopupId = Id;
}


function nice_select_change(This, Id, Value){
  This.getParent().addClass('hide');
  This.getParent().getParent().getElement('span').innerHTML = This.innerHTML;
  $(Id).value = Value;
}

function nice_select(Id, Default){
  var Select = $(Id).getElement('select');
	var SelectAction = Select.title ? Select.title : false;
  var Selected = false;
  var Name = Select.name;
  var InputId = 'input_'+Id;
  var UlId = 'ul_'+Id;
  var HTML = '<span class="nice_select_span"><input type="hidden" name="'+Name+'" value="" id="'+InputId+'" />'+
    '<div class="nice_select"><span onclick="objPopup(\''+UlId+'\');">'+Default+'</span><div class="nice_select_btn" onclick="objPopup(\''+UlId+'\');"></div>'+
    '<ul id="'+UlId+'" class="block hide">';
  var Values = new Array();
  $(Id).getElements('option').each( function(el, i){
    if( !Selected && el.selected ) Selected = i;
    Values[i] = el.value;
    HTML += '<li>'+el.innerHTML+'</li>';
  });
  HTML += '</ul></div></span>';

  $(Id).innerHTML = HTML;
  $(Id).getElements('li').each( function(el, i){
    el.addEvent('click', function(){
			nice_select_change(el, InputId, Values[i]);
			this.value = Values[i];
			if( el.getParent().hasClass('hide')=='false' )
				NiceSelectVisible = el;
			if( SelectAction )
				eval(SelectAction);
		});
    if( Selected==i )
			nice_select_change(el, InputId, Values[i]);
  });
}

var NiceSelect = new Array();


/**************************************/

window.addEvent('domready', function(){
	//var i = 0;
	//$$('.niceselect_search').each( function(Obj){
	//	Obj.id = 'niceselect_search_'+i;
	//	nice_select(Obj.id);
	//	i++;
	//});
	//if( $('niceselect_filter_dm') )
	//	nice_select('niceselect_filter_dm');
	$$('span.niceselect_filter').each( function(Obj){
		nice_select(Obj.id);
	});
});

