var select_ids,select_ida;
select_ida = '';
select_ids = '';
				
if(jQuery) (function(){
	
	jQuery.fn.extend({
		
		cssSelect: function(handler)
		{
			$(this).each( function() {
				var options = {};
				var array_opt;
				array_opt = $('#'+this['id']+' > option');
				select_id = $(this).attr('id');
				select_name = $(this).attr('name');
				select_class = $(this).attr('class');
				html = "";
				html_2 = "";
				select_over = "";
				select_opened = "";
				selected_index = false;
			
				html = '<div id="'+select_id+'_f" class="'+select_class+'" cla="'+select_class+'" act="'+select_id+'" style="position:relative;">';
				html_2 = '';
				//alert(array_opt[1].text);	
				
					
				function repl(text)
				{
					text = text.replace('[img]','<img ');
					text = text.replace('[/img]',' />');
					text = text.replace('[span]','<span ');
					text = text.replace('[/span]','</span>');
					text = text.replace('[font]','<font ');
					text = text.replace('[/font]','</font>');
					return text;
				}
				
				//html += '';
				for(i=0;i<array_opt.length;i++)
				{
					text = repl(array_opt[i].text);
					
					if(array_opt[i].selected == true) selecd = select_class+'_con_sel'; else selecd = '';
					
					html_2 += '<div class="'+select_class+'_con_out '+selecd+'" idp="'+select_id+'"  act="'+select_id+'" cla="'+select_class+'" value="'+array_opt[i].value+'" style=""><span>'+text+'</span></div>';
					//alert(array_opt[i].selected);
					if(array_opt[i].selected == true && selected_index != true)
					{
						selected_index = true;
						selected_value = array_opt[i].value;
						html += '<div id="'+select_id+'_cont_val_act" idp="'+select_id+'"  cla="'+select_class+'" class="'+select_class+'_act" act="'+select_id+'" value="'+array_opt[i].value+'" style="position:absolute; top:0; left:0; "><span>'+text+'</span></div>';
					}
				}
				if(selected_index != true)
				{
					text = repl(array_opt[0].text);
					
					selected_value = array_opt[0].value;
					html += '<div id="'+select_id+'_cont_val_act" idp="'+select_id+'" cla="'+select_class+'" class="'+select_class+'_act" act="'+select_id+'" value="'+array_opt[0].value+'" style="position:absolute; top:0; left:0; "><span>'+text+'</span></div>';
				}
				html += '<div tipo="select" idp="'+select_id+'" id="'+select_id+'_cont_val" cla="'+select_class+'" class="'+select_class+'_cont_val" act="'+select_id+'" style="position:absolute; display:none;">';
				html += html_2;	
				html += '</div></div><input type="hidden" id="'+select_id+'" cla="'+select_class+'" name="'+select_name+'" value="'+selected_value+'" />';
				
				//alert(html);
				
				
				$(this).replaceWith(html);
				
				/********************************************/
				
				
				$('div[idp="'+select_id+'"].'+select_class+'_act').click(function(){
	
					select_opened = $(this).attr('act');
					$('#'+select_opened+'_cont_val').fadeIn();

					select_ida = $(this).attr('act'); 
					select_ids = $('#'+select_opened+'_cont_val').attr('id');	
					
					$('.'+select_class+'').mouseleave(function(){
															   
						$('#'+select_ids).fadeOut();
						select_opened = '';
						select_over = '';
						select_ida = ''; 
						select_ids = '';
					
					});
				
				});
				


				
				$('div[idp="'+select_id+'"].'+select_class+'_con_out').mouseover(function(){
				
					$(this).addClass($(this).attr('cla')+'_con');
					select_opened = $(this).attr('act');
					select_over = $(this).attr('act');
				
				});
				
				$('div[idp="'+select_id+'"].'+select_class+'_con_out').mouseout(function(){
				
					$(this).removeClass($(this).attr('cla')+'_con');
				
				});
				
				$('div[idp="'+select_id+'"].'+select_class+'_con_out').click(function(){
				
					$('#'+this.parentNode['id']+' > div').removeClass(''+$(this).attr('cla')+'_con_sel');
					$(this).addClass(''+$(this).attr('cla')+'_con_sel');
					$('#'+select_opened).attr({value: $(this).attr('value')});
					$('#'+select_opened+'_cont_val_act').html($(this).html());

					$('#'+select_opened+'_cont_val').fadeOut();
					select_ida = ''; 
					select_ids = '';

				});
				

				
					
			});
		}		
	});
})(jQuery);