var selectWidth = "79";
var selectWidth2 = "166";

/* No need to change anything after this */

document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }</style>');

var Custom = {
    init: function() {
        var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
        for (a = 0; a < inputs.length; a++) {
            if ((inputs[a].type == "checkbox" || inputs[a].type == "radio") && (inputs[a].className == "styled")) {
                span[a] = document.createElement("span");
                span[a].className = inputs[a].type;

                inputs[a].parentNode.insertBefore(span[a], inputs[a]);

            }
        }
        inputs = document.getElementsByTagName("select");
        for (a = 0; a < inputs.length; a++) {
            if (inputs[a].className == "styled") {
                option = inputs[a].getElementsByTagName("option");
                active = option[0].childNodes[0].nodeValue;
                textnode = document.createTextNode(active);
                for (b = 0; b < option.length; b++) {
                    if (option[b].selected == true) {
                        textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
                    }
                }
                span[a] = document.createElement("span");
                span[a].className = "select";
                var clValue = inputs[a].getAttribute("onchange");
                // alert(clValue);
                span[a].setAttribute("onmouseup", clValue);
                if (inputs[a].name.indexOf('AroDate1monthcombo') > 0) {
                    span[a].id = "select_AroDate1";
                }
                else if (inputs[a].name.indexOf('TitleID') > 0) {
                    span[a].id = "select_Title";
                }
                else if (inputs[a].name.indexOf('retDateSelectiondaycombo') > 0) {
                    span[a].id = "select_Mini";
                }
                else if (inputs[a].name.indexOf('$DateSelectiondaycombo') > 0) {
                    span[a].id = "select_Mini1";
                }
                else if (inputs[a].name.indexOf('$roomsSelect') > 0) {
                    span[a].id = "select_Mini2";
                }
                else { span[a].id = "select" + inputs[a].name; }
                span[a].appendChild(textnode);
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                //alert(inputs[a].id);
                if (inputs[a].id != "ctl00_BookNow1_DateSelectionmonthcombo" && inputs[a].id != "ctl00_BookNow2_DateSelectionmonthcombo" && inputs[a].id != "ctl00_FlashContent1_BookNow2_DateSelectionmonthcombo") {
                    inputs[a].onchange = Custom.choose;
                }

                //inputs[a].setAttribute("onchange", "Custom.choose();");
            }

        }
    },

    choose: function() {
        option = this.getElementsByTagName("option");
        for (d = 0; d < option.length; d++) {
            if (option[d].selected == true) {
                if (this.name.indexOf('AroDate1monthcombo') > 0) {
                    document.getElementById("select_AroDate1").childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                }
                else if (this.name.indexOf('TitleID') > 0) {
                    document.getElementById("select_Title").childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                }
                else if (this.name.indexOf('retDateSelectiondaycombo') > 0) {
                    document.getElementById("select_Mini").childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                }
                else if (this.name.indexOf('$DateSelectiondaycombo') > 0) {
                    document.getElementById("select_Mini1").childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                }
                else if (this.name.indexOf('$roomsSelect') > 0) {
                    document.getElementById("select_Mini2").childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                }
                else {
                    var clValue = this.getAttribute("onchange");
                    document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                    eval(clValue);
                }
            }
        }
    }
}

window.onload = function () {
	Custom.init ();
}