(function(jQuery){  
	jQuery.fn.extend({   
		styleselect: function(params){
		  return this.each(function(){  
				settings = jQuery.extend({
					hover: '#ffffff',
					width: 'auto',
					height: 'auto'
				}, params);

		    var id=jQuery(this).attr('id');
		    var initclass=jQuery(this).attr('class');

		    
		    var options = [];
		    jQuery('option',this).each(function(){
		    	var curElem = new Array(jQuery(this).attr('value'),jQuery(this).text());
		    	options.push(curElem);
		    });
		    
		    var outOptions = '';
		    for(var i=0;i<options.length;i++){
		    	outOptions += '<li value="'+options[i][0]+'">'+options[i][1]+'</li>';
		    }
		    
		    var output = '<input type="hidden" name="'+jQuery(this).attr('name')+'" /><div class="jss_current"></div><a href="javascript:;" class="jss_select">&nbsp;</a><ul class="jss_options">'+outOptions+'</ul>';
		    
		    jQuery(this).wrap('<div class="jss_wrapper"></div>');
		    var curWrapper = jQuery(this).parent();
		    curWrapper.attr('id',id).addClass(initclass).css({position:'relative'});
 		    jQuery(this).remove();
		    curWrapper.html(output);
		    
				jQuery('.jss_current',curWrapper).css({
					background:'#fff',
					height:settings.height,
					width:settings.width,
					border:'1px solid #C89687'
				});
				jQuery('.jss_options',curWrapper).css({
					display:'none',
					position:'absolute',
					top:settings.height,
					border:'1px solid #272731'
				});
				jQuery('.jss_options li',curWrapper).css({
					background:'#fff',
					borderBottom:'1px solid #272731',
					display:'block',
					width:(parseInt(settings.width)-4)+'px',
					padding:'2px'	
				}).bind('click',function(){
					jQuery('.jss_current',curWrapper).text(jQuery(this).text());
					jQuery('input',curWrapper).attr('value',jQuery(this).text());
					jQuery('.jss_options',curWrapper).slideUp();
				}).bind('mouseover',function(){
					jQuery(this).css({
						background:settings.hover
					});
				}).bind('mouseleave',function(){
					jQuery(this).css({
						background:'#fff'
					});
				});;
				jQuery('.jss_options li:last',curWrapper).css({borderBottom:'0px solid #fff'});
				jQuery('.jss_select',curWrapper).css({
					background:'url(/immagini/arrow_select.gif) no-repeat',
					display:'block',
					width:'20px',
					height:settings.height,
					textDecoration:'none',
					position:'relative',
					top:'-'+settings.height,
					left:settings.width
				}).bind('click',function(){
					jQuery('.jss_options',curWrapper).slideToggle();
				});
		  });  
		}  
	});  

})(jQuery);