﻿
	$(document).ready(function() { redrawSelectBoxes(); });

	function redrawSelectBoxes() {
	
		$(".ddn-container, .ddn").remove();
		var $selectBoxes = $("[selectzor='1']");
		
		for (var i = 0; i < $selectBoxes.length; i++) {
			var ddl = $selectBoxes.get(i);
			var selText = ddl.selectedIndex != null ? ddl.options[ddl.selectedIndex].text : "";
			var div = "<div style='position:relative;' class='iefixcont'>";
			div += "<div class='ddn ddn-selector' parent='" + ddl.id + "' id='div_" + ddl.id + "'>" + selText + "</div>";
			div += "<div id='div_" + ddl.id + "_Container' class='ddn-container'>";
			div += "<div class='ddn-items'>";
			div += "<div class='ddn-overflow'>";
			
			var o_class = '';
			for (var o = 0; ddl.options[o]; o++) {
				o_class = 'ddn-item';
				div += "<div index='" + o + "' class='"+ o_class +"' parent='" + ddl.id + "'>" + ddl.options[o].text + "</div>";
			}
			div += "</div></div></div></div>";
			$(ddl).css("display", "none").after(div);
		}
		
		$(".ddn-container").hide();
		
		$(".ddn-selector").click(function(e) {
			var id = $(this).attr("id");
			var $container = $("#" + id + "_Container");
			var $overflow = $container.find('.ddn-overflow');
			if (!$container.css("display") || $container.css("display") == "none") {
				if ($container.height()>194) $overflow.css({height:'194'});
				$(".ddn-container").css('display','none');
				$(".iefixcont").css('zIndex','1');
				$container.css('display','block').parent().css('zIndex',3);
			}
			else $container.css('display','none');
			e.preventDefault();
		});
		
		$(".ddn-item").click(function() {
			var $this = $(this);
			var $parentId = $this.attr("parent")
			var $parent = $("#" + $parentId)
			$parent[0].selectedIndex = $(this).attr("index");
			$("#div_" + $parentId).text($(this).text());
			$("#div_" + $parentId).trigger('click');
			if ($parent[0].attributes["onchange"])
				eval($parent[0].attributes["onchange"].value);
		});
	}

