var checkboxHeight="25";var radioHeight="25";var selectWidth="190";
document.write('<style type="text/css">input.styled { display: none; } select.category_selected { position: relative; width: '+selectWidth+'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');
document.write('<style type="text/css">div.floatingfooter { alpha(opacity=0.7); }</style>');
document.write('<style type="text/css">select.parentcategory_selected { position: relative; width: '+selectWidth+'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }</style>');
document.write('<style type="text/css">select.sizecategory_selected { position: relative; width: '+selectWidth+'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }</style>');var mens_category=new Array();var womens_category=new Array();var sizes;

//Newsletter
document.write('<style type="text/css">#newsletter-form select { opacity:0; filter:alpha(opacity=0); z-index:5; }</style>');

var mens_category=new Array();var womens_category=new Array();var sizes;

var Custom = {
    init: function () {
        var active_category;
        var currCategory = document.getElementById('search_sdcat').value;
        var currSize = document.getElementById('search_sdsize').value;
        var search_parent = document.getElementById('search_parent');
        for (var i = 0; i < search_parent.options.length; i++) {
           if (search_parent.options[i].selected) {
                var parent = search_parent.options[i].value
            }
        }
        var categoryfill = '<option value="">category</option>';
        var sizefill = '<option value="">size</option>';
        var cat;
        if (parent == '101') cat = mens_category;
        if (parent == '108') cat = womens_category;
        var option = document.createElement('option');
        option.setAttribute('value', '');
        option.appendChild(document.createTextNode('category'));
        document.getElementById('search_category').appendChild(option);
        for (var i = 0; i < cat.length; i++) {
            active_category = cat[0][1];
            var option = document.createElement('option');
            option.setAttribute('value', cat[i][0]);
            if (cat[i][0] == currCategory) option.setAttribute('selected', 'selected');
            option.appendChild(document.createTextNode(cat[i][1].toLowerCase()));
            document.getElementById('search_category').appendChild(option)
        }
        var search_category = document.getElementById('search_category');
        for (var i = 0; i < search_category.options.length; i++) {
            if (search_category.options[i].selected) {
                var selected_cat = search_category.options[i].value
            }
        }
        var option = document.createElement('option');
        option.setAttribute('value', '');
        option.appendChild(document.createTextNode('size'));
        document.getElementById('search_size').appendChild(option);
        if (currCategory) {
            for (var i = 0; i < cat.length; i++) {
                if (cat[i][0] == selected_cat) {
                    var sizes = cat[i][2].split(",");
                    sizes = Custom.sizesorting(sizes);
                    if (sizes.length > 1) {
                        for (var j = 0; j < sizes.length; j++) {
                            var option = document.createElement('option');
                            option.setAttribute('value', sizes[j]);
                            if (sizes[j] == currSize) option.setAttribute('selected', 'selected');
                            option.appendChild(document.createTextNode(sizes[j]));
                            document.getElementById('search_size').appendChild(option)
                        }
                    }
                }
            }
        }
        var inputs = document.getElementsByTagName("input"),
            span = Array(),
            textnode, option, active;
        for (var 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;
                if (inputs[a].checked == true) {
                    if (inputs[a].type == "checkbox") {
                        position = "0 -" + (checkboxHeight * 2) + "px";
                        span[a].style.backgroundPosition = position
                    } else {
                        position = "0 -" + (radioHeight * 2) + "px";
                        span[a].style.backgroundPosition = position
                    }
                }
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                inputs[a].onchange = Custom.clear;
                if (!inputs[a].getAttribute("disabled")) {
                    span[a].onmousedown = Custom.pushed;
                    span[a].onmouseup = Custom.check
                } else {
                    span[a].className = span[a].className += " disabled"
                }
            }
        }
        inputs = document.getElementsByTagName("select");
        for (var a = 0; a < inputs.length; a++) {
            if (inputs[a].className == "parentcategory_selected") {
                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 = "parentcategory_select";
                span[a].id = "select" + inputs[a].name;
                span[a].appendChild(textnode);
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                if (!inputs[a].getAttribute("disabled")) {
                    inputs[a].onchange = Custom.choose
                } else {
                    inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled"
                }
            }
            if (inputs[a].className == "category_selected") {
                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 = "category_select";
                span[a].id = "select" + inputs[a].name;
                span[a].appendChild(textnode);
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                if (!inputs[a].getAttribute("disabled")) {
                    inputs[a].onchange = Custom.choosesize
                } else {
                    inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled"
                }
            }
            if (inputs[a].className == "sizecategory_selected") {
                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 = "sizecategory_select";
                span[a].id = "select" + inputs[a].name;
                span[a].appendChild(textnode);
                inputs[a].parentNode.insertBefore(span[a], inputs[a]);
                if (!inputs[a].getAttribute("disabled")) {
                    inputs[a].onchange = Custom.chooseother
                } else {
                    inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled"
                }
            }
        }
        document.onmouseup = Custom.clear
    }, sizesorting: function (sizes) {
        sizes.sort();
        var newsizes = new Array('1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', 'xxxs', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl', 'xxxxl');
        var xportsizes = new Array();
        var b = 0;
        var elementIndex = '';
        for (var n = 0; n < newsizes.length; n++) {
            elementIndex += newsizes[n] + " ";
            for (var i = 0; i < sizes.length; i++) {
                if (newsizes[n] == sizes[i].toLowerCase()) {
                    xportsizes[b] = newsizes[n].toUpperCase();
                    b++
                }
            }
        }
        if (xportsizes.length != sizes.length) {
            return sizes
        } else return xportsizes
    }, mencategory: function (id, name, size) {
        items = new Array(id, name, size);
        mens_category.push(items)
    }, womencategory: function (id, name, size) {
        items = new Array(id, name, size);
        womens_category.push(items)
    }, pushed: function () {
        element = this.nextSibling;
        if (element.checked == true && element.type == "checkbox") {
            this.style.backgroundPosition = "0 -" + checkboxHeight * 3 + "px"
        } else if (element.checked == true && element.type == "radio") {
            this.style.backgroundPosition = "0 -" + radioHeight * 3 + "px"
        } else if (element.checked != true && element.type == "checkbox") {
            this.style.backgroundPosition = "0 -" + checkboxHeight + "px"
        } else {
            this.style.backgroundPosition = "0 -" + radioHeight + "px"
        }
    }, check: function () {
        element = this.nextSibling;
        if (element.checked == true && element.type == "checkbox") {
            this.style.backgroundPosition = "0 0";
            element.checked = false
        } else {
            if (element.type == "checkbox") {
                this.style.backgroundPosition = "0 -" + checkboxHeight * 2 + "px"
            } else {
                this.style.backgroundPosition = "0 -" + radioHeight * 2 + "px";
                group = this.nextSibling.name;
                inputs = document.getElementsByTagName("input");
                for (a = 0; a < inputs.length; a++) {
                    if (inputs[a].name == group && inputs[a] != this.nextSibling) {
                        inputs[a].previousSibling.style.backgroundPosition = "0 0"
                    }
                }
            }
            element.checked = true
        }
    }, clear: function () {
        inputs = document.getElementsByTagName("input");
        for (var b = 0; b < inputs.length; b++) {
            if (inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
                inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight * 2 + "px"
            } else if (inputs[b].type == "checkbox" && inputs[b].className == "styled") {
                inputs[b].previousSibling.style.backgroundPosition = "0 0"
            } else if (inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
                inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight * 2 + "px"
            } else if (inputs[b].type == "radio" && inputs[b].className == "styled") {
                inputs[b].previousSibling.style.backgroundPosition = "0 0"
            }
        }
    }, choose: function () {
        option = this.getElementsByTagName("option");
        for (var d = 0; d < option.length; d++) {
            if (option[d].selected == true) {
                document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                var categoryfill = '<option value="">category</option>';
                var sizefill = '<option value="">size</option>';
                var cat;
                if (option[d].value == '101') cat = mens_category;
                if (option[d].value == '108') cat = womens_category;
                var select = document.getElementById("search_category");
                var options = select.getElementsByTagName("option");
                for (i = options.length - 1; i >= 0; i--) {
                    select.removeChild(options[i])
                }
                var option = document.createElement('option');
                option.setAttribute('value', '');
                option.appendChild(document.createTextNode('category'));
                document.getElementById('search_category').appendChild(option);
                for (var i = 0; i < cat.length; i++) {
                    var option = document.createElement('option');
                    option.setAttribute('value', cat[i][0]);
                    option.appendChild(document.createTextNode(cat[i][1].toLowerCase()));
                    document.getElementById('search_category').appendChild(option)
                }
                var select = document.getElementById("search_size");
                var options = select.getElementsByTagName("option");
                for (i = options.length - 1; i >= 0; i--) {
                    select.removeChild(options[i])
                }
                document.getElementById("selectcategory").innerHTML = 'category';
                document.getElementById("selectsizecategory").innerHTML = 'size'
            }
        }
    }, choosesize: function () {
        option = this.getElementsByTagName("option");
        for (var d = 0; d < option.length; d++) {
            if (option[d].selected == true) {
                document.getElementById("selectsizecategory").innerHTML = 'size';
                document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
                var search_category = document.getElementById('search_category');
                var search_parent = document.getElementById('search_parent');
                for (var i = 0; i < search_parent.options.length; i++) {
                    if (search_parent.options[i].selected) {
                        var cat = search_parent.options[i].value
                    }
                }
                if (cat == '101') cat = mens_category;
                if (cat == '108') cat = womens_category;
                for (var i = 0; i < search_category.options.length; i++) {
                    if (search_category.options[i].selected) {
                        var selected_cat = search_category.options[i].value
                    }
                }
                var select = document.getElementById("search_size");
                var options = select.getElementsByTagName("option");
                for (i = options.length - 1; i >= 0; i--) {
                    select.removeChild(options[i])
                }
                for (var i = 0; i < cat.length; i++) {
                    if (cat[i][0] == selected_cat) {
                        var sizes = cat[i][2].split(",");
                        sizes = Custom.sizesorting(sizes);
                        if (sizes.length > 1) {
                            var option = document.createElement('option');
                            option.setAttribute('value', '');
                            option.appendChild(document.createTextNode('size'));
                            document.getElementById('search_size').appendChild(option);
                            for (var j = 0; j < sizes.length; j++) {
                                var option = document.createElement('option');
                                option.setAttribute('value', sizes[j]);
                                option.appendChild(document.createTextNode(sizes[j]));
                                document.getElementById('search_size').appendChild(option)
                            }
                        }
                    }
                }
            }
        }
    }, chooseother: function () {
        option = this.getElementsByTagName("option");
        for (var d = 0; d < option.length; d++) {
            if (option[d].selected == true) {
                document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue
            }
        }
    }
}