function tSelectBox(elementSelector)
	{
		$(elementSelector).attr('focused', 0);
		var optionIndex	=	0;
		$(elementSelector).find('select').children().each(function(){
			if($(this).is('option'))
			{
				//$(elementSelector).find('.elemts-list').append('<li id="'+elementSelector+'-'+$(this).text()+'">'+$(this).text()+'</li>');
				addLiToUl(elementSelector, this);
				optionIndex++;
			}
			else if($(this).is('optgroup'))
			{
				addGroupToUl(elementSelector, this, 'li-group');
				optionIndex++;
				$(this).find('option').each(function(){
					addLiToUl(elementSelector, this);
					optionIndex++;
				})
			}
		});
		$(elementSelector).find('select').hide();
		$(elementSelector).find('.select-scroll').jScrollPane({showArrows:true, verticalGutter:0});
		$(elementSelector).find('.t-select-list').css('display', 'none');
		$(elementSelector).find('.t-select-list').css('filter', 'alpha(opacity=100)');
		$(elementSelector).find('.t-select-list').css('opacity', '1');
		$(elementSelector).find('.selected-value').click(function () {
			if($(elementSelector).find('.t-select-list').css('display') == 'block')
			{
				$(elementSelector).find('.t-select-list').slideUp('slow');
				$(elementSelector).find('input').blur();
			}
			else
			{
				$(elementSelector).find('.t-select-list').slideDown('slow');
				$(elementSelector).find('input').focus();
			}
			/*
			$(elementSelector).find('.t-select-list').slideToggle('slow', function(){
				alert($(elementSelector).find('.t-select-list').css('display'))
				if($(elementSelector).find('.t-select-list').css('display') == 'block')
				{
					$(elementSelector).find('input').focus();
				}	
			});*/

		});
		$(elementSelector).find('.t-select-list').hover(function(){$(elementSelector).attr('focused', 1)}, function(){$(elementSelector).attr('focused', 0)});
		$(elementSelector).find('input').blur(function(){if($(elementSelector).attr('focused') == 0){$(elementSelector).find('.t-select-list').slideUp('slow');}})
	}
	
	function addLiToUl(elementSelector, liElement, customClass)
	{
		$(elementSelector).find('.elemts-list').append($('<li id="'+elementSelector+'-'+$(liElement).val()+'">'+$(liElement).text()+'</li>').click(function(){
			$(elementSelector).attr('focused', 0);
			$(elementSelector).find('.elemts-list').find('li').removeClass('selected');
			$(this).addClass('selected');
			$(elementSelector).find('select').val($(liElement).val());
			$(elementSelector).find('select').change();
			$(elementSelector).find('input').val($(liElement).text());
			$(elementSelector).find('input').blur();
		}));
		var countLi	= $(elementSelector).find('.elemts-list').find('li');
		if(countLi.lengt == 0 || $(liElement).attr('selected'))
		{
			$(elementSelector).find('input').val($(liElement).text());
		}
	}
	
	function addGroupToUl(elementSelector, liElement, customClass)
	{
		$(elementSelector).find('.elemts-list').append('<li id="'+elementSelector+'-'+$(liElement).attr('label')+'" class="'+customClass+'">'+$(liElement).attr('label')+'</li>');
	}
	
	function buildTSelect(elementSelector)
	{
		$(elementSelector).addClass('hiddenSelct');
		var tmpElement	= $(elementSelector);
		var tmpReplaced	= $('<div class="tSelectBox">	<div class="selected-value"><div class="selected-value-left-corner">&nbsp;</div><div class="selected-value-right-corner">&nbsp;</div><div class="selected-value-area"><input type="text" value="" readonly="readonly"></div></div>	<div class="t-select-list"><div class="select-scroll"><ul class="elemts-list"></ul></div></div></div>');
		$(elementSelector).replaceWith(tmpReplaced);
		tmpReplaced.append(tmpElement);
		tSelectorElement	 = tmpElement.parent('div.tSelectBox');
		tSelectBox(tSelectorElement);
	}