function createDropdownList(obj){
	var visibleItem = 20;
	obj.visibleItem = parseInt(obj.visibleItem);
	if(!isNaN(obj.visibleItem))
		visibleItem = obj.visibleItem;

	var countItem=0;//количество опшионов в селекте
	
	var onchange = obj.onchange;
	
	// Функция генерации html из select
	function getHtmlDropdownList(obj){
		obj = $(obj);
		
		var s_name = obj.attr('name');
		var values = new Array;
		var names = new Array;
		var checked_option = 0;
		obj.find('option').each(function(i){
			values[i] = $(this).attr('value'); 
			names[i] = $(this).text();
			if($(this).attr('selected'))
				selected_option=i;
			
		});
		// html выподающего списка
		var html = ''+
		'<div class="dropdown_list">'+
			'<div class="selected_item">'+
				'<div class="name">'+names[selected_option]+'</div>'+
				'<span class="value" style="display:none;">'+values[selected_option]+'</span>'+
				'<div class="drop_button">&nbsp;</div>'+
			'</div>'+
			'<ul style="display:none;">';
			
		// генерируем список li
		for( var i in values ){
			if(i==selected_option)
				option= '<li class="selected checked"  value="'+values[i]+'">'+names[i]+'</li>';
			else
				option= '<li value="'+values[i]+'">'+names[i]+'</li>';
			html+=option;
		}
		html += '</ul>'+
		'<input type="hidden" name="'+s_name+'" value="'+values[selected_option]+'"/>'+
		'</div>';
		countItem = parseInt(i)+1;
		return html;
	}

	var select_list = $('#'+obj.id);
	var html = getHtmlDropdownList(select_list);
	select_list.after(html);
	var dropdown_list=select_list.next();
	select_list.remove()
	var ul = dropdown_list.find('ul');
	var selectet_item = dropdown_list.find('.selected_item'); 	// 	
	var selectet_item_value = selectet_item.find('.value'); 	// обьект для выбранного значения
	var selectet_item_text = selectet_item.find('.name');		// обьект для выбранного текста
	//alert(countItem)
	// инициализация

	dropdown_list.css({'position':'relative','width':obj.width})
	// закрыть выпадающий список	
	var close_list = function(){
		//alert('close_list')
		ul.find('li.selected').removeClass('selected');
		ul.find('li.checked').addClass('selected');
		ul.hide();
		dropdown_list.css({'z-index':0});
		$(document).unbind('click',document_click);
	}
	
	// открыть выпадающий список	
	var open_list = function(){
		//isOpen = true;
		dropdown_list.css({'z-index':99999})
		ul.css({'top':dropdown_list.height(), 'width':dropdown_list.width()-2,'left':0});
		ul.show();
//		selectet_item_text.parent().focus();
		$(document).bind('click',document_click);

	}
	
	// Выбрать элемент списка
	var check_item = function(obj){
		
		ul.find('li.checked').removeClass('checked');
		ul.find('li.selected').addClass('checked');
		//alert($(obj).attr('value'));
		dropdown_list.find('input').attr('value',$(obj).attr('value'))
		selectet_item_value.text($(obj).attr('value'))
		selectet_item_text.text($(obj).text())
		
		onchange();
		
	}
	var isOpen=false;
	var document_click_flag=0;
	var document_click = function(){
		if(document_click_flag==1){
			close_list();
			document_click_flag=0;
		}else
		document_click_flag = 1;
		
	}
	
	dropdown_list.find('.selected_item').click(function(){
		if(ul.css('display')=='none'){
			open_list();
//			selectet_item_text.parent().focus();
		}	
		else{
			//alert('close')
			//close_list();
//			selectet_item_text.focus();
		}
	});
	var items = dropdown_list.find('ul li');
	// биндим наведения мыши на элементы списка
	items.bind('mouseover',function(){
		dropdown_list.find('li.selected').removeClass('selected');
		$(this).addClass('selected');
	});
	
	// биндим клик мыши на элементы списка
	items.bind('click',function(){
		check_item(this);
		//close_list();
	//	$(document).unbind('click',close_list);
	});
	// биндим клик мыши на элементы списка
	$(document).ready(function(){
		if (countItem>visibleItem)
			ul.css('height',visibleItem*selectet_item_text.height());
	});
	$(dropdown_list).disableTextSelect();
}
/* 
// html дял выпадающего списка
			<div class="dropdown_list">
				<div class="selected_item">
					<a href="/" onclick="return false;">aaa</a>
					<span class="value" style="display:none;">0</span>
					<div class="drop_button">&nbsp;</div>
				</div>
				<ul style="display:none;">
					<li class="selected checked" value="0">aaa</li>
					<li value="1">bbb</li>
					<li value="2" >ccc</li>
				</ul>
				<input type="hidden" name="select"/>
			</div><!-- select_list -->
*/
