$(function(){
	var t_s_ul = $("<ul>").attr("id","ul_select");
	$('body').append(t_s_ul);
	var active_a = $("");
	$(".style1,.style2,.style3").each(function(index){
		var thisselect = $(this);
		thisselect.hide();
		var thenew = $("<a>").addClass(thisselect.attr("class")+"_select").text($("option:selected",thisselect).text()).attr("href","#").click(function(){

			var thisa = $(this);
			active_a  = thisa;
			if(t_s_ul.is(":visible")&&t_s_ul.hasClass(thisa.attr("class")+"_ul"))
			{
				hide_ul();
				return false;
			}
			thisa.addClass("active");
			var offset = thisa.offset();
			t_s_ul.css({
				"left":offset.left,
				"top":offset.top+thisa.height()
			}).removeClass().addClass(thisa.attr("class")+"_ul").show();
			$("li",t_s_ul).remove();

			var getop = function (funsel,obj){
				$(">option,optgroup",funsel).each(function(i){
					var theop = $(this);
					if(theop.is("option"))
					{

						var thisli = $("<li>").text(theop.text()).attr("title",theop.attr("value")).hover(function(){

							$(this).addClass("hover");

						},function(){

							$(this).removeClass("hover");

						}).click(function(){
							var theckli = $(this);
							thenew.text(theckli.text());
							thisselect.val(theckli.attr("title"));
							if ($(thisselect).hasClass('style2')) {
								$("#consumption-supplier").val(thisselect.val());
								$(".consumption-supplier-name").html(theckli.text());
							} else if (thisselect.val() > 0) {
								$("#prognose_form").submit();
							}
							hide_ul();
							return false;
						}).appendTo(obj);
					}
					else
					{
						var thisli = $("<ul>").html("<li class='title'>"+theop.attr("label")+"</li>").click(function(){
							return false;
						});
						getop(theop,thisli);
						thisli.appendTo(obj);
					}

				});
			}
			getop(thisselect,t_s_ul);
			return false;
		});
		///////the style a
		var thisnew = $("<div>").append(thenew).addClass("select-title ");
		thisselect.after(thisnew);

	});

	$(document).click(function(event){
		hide_ul();
	});
	$(window).resize(function(){
		hide_ul();
	})
	function hide_ul(){
		t_s_ul.hide();
		active_a.removeClass("active");

	}
})