(function($){
     function hideOptions(speed){    
         if(speed.data){speed=speed.data}
         if($(document).data("nowselectoptions"))
         {
             $($(document).data("nowselectoptions")).slideUp(speed);
             $($(document).data("nowselectoptions")).prev("div").removeClass("tag_select_open");

             $(document).data("nowselectoptions",null);
             $(document).unbind("click",hideOptions);
             $(document).unbind("keyup",hideOptionsOnEscKey);

         }
         
     }
     function hideOptionsOnEscKey(e){
          
        var myEvent = e || window.event;
        var keyCode = myEvent.keyCode;        
        if(keyCode==27)hideOptions(e.data);
     }
     function showOptions(speed){         
         $(document).bind("click",speed,hideOptions);
         $(document).bind("keyup",speed,hideOptionsOnEscKey);
         $($(document).data("nowselectoptions")).slideDown(speed);
         $($(document).data("nowselectoptions")).prev("div").addClass("tag_select_open");
     }
     
     
     $.fn.selectCss=function(_speed){
                  $(this).each(function(){                                        
                                        
                           var speed=_speed||"fast";
                           if($(this).data("cssobj")){
                                $($(this).data("cssobj")).remove();
                           }
                           $(this).hide();
                           
                           var divselect  = $("<div></div>").insertAfter(this).addClass("tag_select");
                           $(this).data("cssobj",divselect); 
                           var divoptions = $("<ul></ul>").insertAfter(divselect).addClass("tag_options").hide();  
                           
                           divselect.click(function(e){
                              if($($(document).data("nowselectoptions")).get(0) != $(this).next("ul").get(0)){
                                     hideOptions(speed);
                              }                    
                            
                              if(!$(this).next("ul").is(":visible"))
                              {
                                   e.stopPropagation();
                                   $(document).data("nowselectoptions",$(this).next("ul"));
                                   showOptions(speed);                                   
                              }    
                           
                           });
                            
                            divselect.hover(function(){
                                                  
                                $(this).addClass("tag_select_hover");    
                                
                            }
                            ,
                            function(){
                                $(this).removeClass("tag_select_hover");
                              
                            });
                           
                           $(this).change(function(){
                                
                                 $(this).nextAll("ul").children("li:eq("+ $(this)[0].selectedIndex +")").addClass("open_selected").siblings().removeClass("open_selected");       
                                 $(this).next("div").html($(this).children("option:eq("+ $(this)[0].selectedIndex +")").text());               
                                                   
                           });
                           
                           $(this).children("option").each(function(i){
                               var lioption= $("<li></li>").html($(this).text()).attr("title",$(this).attr("title")).appendTo(divoptions); 
                               if($(this).attr("selected")){                    
                                  lioption.addClass("open_selected");
                                  divselect.html($(this).text());
                               }
                               lioption.data("option",this);
                               lioption.click(function(){                   
                                  lioption.data("option").selected=true;                                
                                  $(lioption.data("option")).trigger("change",true)
                                           
                               });
                               lioption.hover(
                                 function(){$(this).addClass("open_hover");},
                                 function(){ $(this).removeClass("open_hover");    }
                                );
                               
                          });                 
                                         
                  }); 
                
     }  
  
})(jQuery);