jQuery(function() {
	/**
	 * napravi combo box-ove
	 * ovo mora na pocetku da bi pohvatao evente
	*/
	jQuery(".combo").each(function(){
              var elem = jQuery(this);
              var elem_id = elem.attr('id');
              var elem_value = jQuery("#" + elem_id + " option:selected").text();
              var elem_width = elem.width() + 'px';
              if (elem_width == '0px') elem_width = elem.css('width');
              var attr_r = elem[0].attributes;
              var elem_attrs = '';
              for(var i=0;i<attr_r.length;i++) {
                     if (attr_r[i].nodeValue!==null && attr_r[i].nodeValue!==false && attr_r[i].nodeValue!=='' && attr_r[i].nodeValue!==0) 
                           elem_attrs += ' ' + attr_r[i].nodeName + '="' + attr_r[i].nodeValue + '"';
              }
              elem.replaceWith('<span onclick="combobox(\'' + elem_id + '\');" class="combobox">'
              + '<input id="' + elem_id + '_mask" type="text" value="' + elem_value + '" readonly="readonly" style="width:' + elem_width + '" /><span>'
              + '<select' + elem_attrs + '>'
              + elem.html() + '</select></span></span>'); 
       });
});

/**
 * combobox emulation
 */
var combobox = function(elemname){
       var elem = document.getElementById(elemname);
       var holder = document.getElementById(elemname+'_mask');
       var dd = elem.selectedIndex;
       var ss = elem[dd].text; 
       holder.active = true;
       if (elem.style.display == 'block'){
              elem.size = 0;
              elem.style.display = 'none';
              elem.blur();
              holder.value = ss;
       } else {
              if (!elem.length || elem.length<2) return false;
              elem.style.display = 'block';
              var el_len = elem.length;
              if (el_len>9) el_len=9;
              elem.size = el_len;
              try{elem.focus();} catch (err) {}
              jQuery(holder).mouseover(function () {
                     holder.active = true;
              });
              jQuery(holder).mouseout(function () {
                     holder.active = false;
              });
              jQuery(elem).blur(function () {
                     if (holder.active) return;
                     jQuery(this).css('display','none').size = 0;
              });   
	  }
};