$j(document).ready(function() {
    redrawSelectBoxes();
});
function redrawSelectBoxes() {
    $j(".ddn-container, .ddn").remove();
    var $jselectBoxes = $j("[selectzor='1']");
    for (var i = 0; i < $jselectBoxes.length; i++) {
        var ddl = $jselectBoxes.get(i);
        var width = ddl.style.width ? ddl.style.width : "175px";
        var selText = ddl.selectedIndex != null ? ddl.options[ddl.selectedIndex].text : "";
        var div = "<div class='ddn ddn-selector' style='width: " + width + "' parent='" + ddl.id + "' id='div_" + ddl.id +
                          "'>" + selText + "</div><div id='div_" + ddl.id + "_Container' class='ddn-container'>";
        for (var o = 0; ddl.options[o]; o++) {
            div += "<div index='" + o + "' class='ddn-item' parent='" + ddl.id + "'>" + ddl.options[o].text + "</div>";
        }
        div += "</div>";
        $j("#" + ddl.id).after(div);
        $j("#" + ddl.id).css("display", "none");
    }
    $j(".ddn-container").hide();
    $j(".ddn-selector").click(function(e) {
        var id = $j(this).attr("id");
        var $jcontainer = $j("#" + id + "_Container")
        if (!$jcontainer.css("display") || $jcontainer.css("display") == "none")
            $jcontainer.slideDown();
        else
            $jcontainer.slideUp();
        e.preventDefault();
    });
    $j(".ddn-item").click(function() {
        var $jthis = $j(this);
        var $jparentId = $jthis.attr("parent")
        var $jparent = $j("#" + $jparentId)
        $jparent[0].selectedIndex = $j(this).attr("index");
        $j("#div_" + $jparentId).text($j(this).text());
        $j("#div_" + $jparentId).trigger('click');
        if ($jparent[0].attributes["onchange"])
            eval($jparent[0].attributes["onchange"].value);
    });
    $j(".ddn-item").hover(function() {
        $j(this).toggleClass("ddn-item-hover");
    },
    function() {
        $j(this).toggleClass("ddn-item-hover");
    });
}