jQuery.fn.extend({selectbox:function(options){return this.each(function(){new jQuery.SelectBox(this,options)})}});if(!window.console){var console={log:function(msg){}}}jQuery.SelectBox=function(selectobj,options){var opt=options||{};opt.inputType=opt.inputType||"input";opt.inputClass=opt.inputClass||"selectbox";opt.containerClass=opt.containerClass||"selectbox-wrapper";opt.hoverClass=opt.hoverClass||"current";opt.currentClass=opt.currentClass||"selected";opt.groupClass=opt.groupClass||"groupname";opt.maxHeight=opt.maxHeight||200;opt.loopnoStep=opt.loopnoStep||false;opt.onChangeCallback=opt.onChangeCallback||false;opt.onChangeParams=opt.onChangeParams||false;opt.debug=opt.debug||false;var elm_id=selectobj.id;var active=0;var inFocus=false;var hasfocus=0;var $select=jQuery(selectobj);var $container=setupContainer(opt);var $input=setupInput(opt);$select.hide().before($input).before($container);init();$input.click(function(){if(!inFocus){$container.toggle()}}).focus(function(){if($container.not(':visible')){inFocus=true;$container.show()}}).keydown(function(event){switch(event.keyCode){case 38:event.preventDefault();moveSelect(-1);break;case 40:event.preventDefault();moveSelect(1);break;case 13:event.preventDefault();$('li.'+opt.hoverClass).trigger('click');break;case 27:hideMe();break}}).blur(function(){if($container.is(':visible')&&hasfocus>0){if(opt.debug)console.log('container visible and has focus')}else{if((jQuery.browser.msie&&jQuery.browser.version.substr(0,1)<8)||jQuery.browser.safari){if(document.activeElement.getAttribute('id').indexOf('_container')==-1){hideMe()}else{$input.focus()}}else{hideMe()}}});function hideMe(){hasfocus=0;$container.hide()}function init(){$container.append(getSelectOptions($input.attr('id'))).hide();var width=$input.css('width');if($container.height()>opt.maxHeight){$container.width(parseInt(width)+parseInt($input.css('paddingRight'))+parseInt($input.css('paddingLeft')));$container.height(opt.maxHeight)}else $container.width(width)}function setupContainer(options){var container=document.createElement("div");$container=jQuery(container);$container.attr('id',elm_id+'_container');$container.addClass(options.containerClass);$container.css('display','none');return $container}function setupInput(options){if(opt.inputType=="span"){var input=document.createElement("span");var $input=jQuery(input);$input.attr("id",elm_id+"_input");$input.addClass(options.inputClass);$input.attr("tabIndex",$select.attr("tabindex"))}else{var input=document.createElement("input");var $input=jQuery(input);$input.attr("id",elm_id+"_input");$input.attr("type","text");$input.addClass(options.inputClass);$input.attr("autocomplete","off");$input.attr("readonly","readonly");$input.attr("tabIndex",$select.attr("tabindex"));$input.css("width",$select.css("width"))}return $input}function moveSelect(step){var lis=jQuery("li",$container);if(!lis||lis.length==0)return false;firstchoice=0;while($(lis[firstchoice]).hasClass(opt.groupClass))firstchoice++;active+=step;if($(lis[active]).hasClass(opt.groupClass))active+=step;if(active<firstchoice){(opt.loopnoStep?active=lis.size()-1:active=lis.size())}else if(opt.loopnoStep&&active>lis.size()-1){active=firstchoice}else if(active>lis.size()){active=firstchoice}scroll(lis,active);lis.removeClass(opt.hoverClass);jQuery(lis[active]).addClass(opt.hoverClass)}function scroll(list,active){var el=jQuery(list[active]).get(0);var list=$container.get(0);if(el.offsetTop+el.offsetHeight>list.scrollTop+list.clientHeight){list.scrollTop=el.offsetTop+el.offsetHeight-list.clientHeight}else if(el.offsetTop<list.scrollTop){list.scrollTop=el.offsetTop}}function setCurrent(){var li=jQuery("li."+opt.currentClass,$container).get(0);var ar=(''+li.id).split('_');var el=ar[ar.length-1];if(opt.onChangeCallback){$select.get(0).selectedIndex=$('li',$container).index(li);opt.onChangeParams={selectedVal:$select.val()};opt.onChangeCallback(opt.onChangeParams)}else{$select.val(el);$select.change()}if(opt.inputType=='span')$input.html($(li).html());else $input.val($(li).html());return true}function getCurrentSelected(){return $select.val()}function getCurrentValue(){return $input.val()}function getSelectOptions(parentid){var select_options=new Array();var ul=document.createElement('ul');select_options=$select.children('option');if(select_options.length==0){var select_optgroups=new Array();select_optgroups=$select.children('optgroup');for(x=0;x<select_optgroups.length;x++){select_options=$("#"+select_optgroups[x].id).children('option');var li=document.createElement('li');li.setAttribute('id',parentid+'_'+$(this).val());li.innerHTML=$("#"+select_optgroups[x].id).attr('label');li.className=opt.groupClass;ul.appendChild(li);select_options.each(function(){var li=document.createElement('li');li.setAttribute('id',parentid+'_'+$(this).val());li.innerHTML=$(this).html();if($(this).is(':selected')){$input.html($(this).html());$(li).addClass(opt.currentClass)}ul.appendChild(li);$(li).mouseover(function(event){hasfocus=1;if(opt.debug)console.log('over on : '+this.id);jQuery(event.target,$container).addClass(opt.hoverClass)}).mouseout(function(event){hasfocus=-1;if(opt.debug)console.log('out on : '+this.id);jQuery(event.target,$container).removeClass(opt.hoverClass)}).click(function(event){var fl=$('li.'+opt.hoverClass,$container).get(0);if(opt.debug)console.log('click on :'+this.id);$('li.'+opt.currentClass,$container).removeClass(opt.currentClass);$(this).addClass(opt.currentClass);setCurrent();$select.get(0).blur();hideMe()})})}}else select_options.each(function(){var li=document.createElement('li');li.setAttribute('id',parentid+'_'+$(this).val());li.innerHTML=$(this).html();if($(this).is(':selected')){$input.val($(this).html());$(li).addClass(opt.currentClass)}ul.appendChild(li);$(li).mouseover(function(event){hasfocus=1;if(opt.debug)console.log('over on : '+this.id);jQuery(event.target,$container).addClass(opt.hoverClass)}).mouseout(function(event){hasfocus=-1;if(opt.debug)console.log('out on : '+this.id);jQuery(event.target,$container).removeClass(opt.hoverClass)}).click(function(event){var fl=$('li.'+opt.hoverClass,$container).get(0);if(opt.debug)console.log('click on :'+this.id);$('li.'+opt.currentClass,$container).removeClass(opt.currentClass);$(this).addClass(opt.currentClass);setCurrent();$select.get(0).blur();hideMe()})});return ul}};