/*

#####################################################
#																																							#
#		Web Forms																																#
#																																							#
#		Автор: 		Арсен Казыдуб																								#
#		E-mail:		webars@email.ua																								#
#																																							#
#####################################################

*/

/*-------------------- ЗАМЕНА SELECT -----------------*/

$.fn.webforms = function ()
{
	if ( !($.browser.msie && $.browser.version == 6) )
	{
		/*
		Select, который необходимо модифицировать, нужно поместить в div.WFSelect.
		Визуально select будет заменен следующей структурой:

		<div class="WFSelect">
			<ul>
				<li><span>option 1</span><a href="#"></a>
					<ul>
						<li>option 1</li>
						<li>option 2</li>
						<li>option 3</li>
					</ul>
				</li>
			</ul>
		</div>
		*/

		var arraySelect = $('.WFSelect select');
		arraySelect.css({ visibility: 'hidden' });

		/* генерируем список */
		$.each(arraySelect, function () {
			var optionChosenText = $(this).find(':selected').html();
			var newSelect = '<ul><li><span>' + optionChosenText + '</span><a href="#"></a><ul><li class="first"></li>';
			$(this).children('option').each(function () {
				newSelect += '<li>' + this.text + '</li>';
			});
			newSelect += '</ul></li></ul>';
			$(this).after(newSelect);
		});

		/* открытие-закрытие списка */
		$('.WFSelect > ul > li > a, .WFSelect > ul > li > span').click(function() {
			$('.WFSelect ul li ul').not($(this).siblings('ul')).slideUp(100);
			$(this).siblings('ul').slideToggle(100);
			return false;
		});

		$('body').click(function () {
			$('.WFSelect ul li ul').slideUp(100);
		});

		/* выбор значения списка */
		$('.WFSelect ul li ul li').click(function() {
			var optionValue = $(this).text();
			$(this).parent().siblings('span').html(optionValue);
			$(this).parent().slideUp(100);
			var clickedIndex = $(this).index() - 1;
			$(this).parents('.WFSelect').find('select option').eq(clickedIndex).attr("selected", "selected");
		});

	} // if !IE6 end
} // selectMod



$(function () {
	$('body').webforms();
});