var count = 19;

var Custom = {
	init: function() {
        var span = Array(), textnode, option, active;
    	var inputs = $$('select.styleId');
       	for(var a = 0; a < inputs.length; a++) {
            var option = inputs[a].getElementsByTagName("option");
            var active = option[0].childNodes[0].nodeValue;
            var textnode = document.createTextNode(active);
            for(var b = 0; b < option.length; b++) {
                if(option[b].selected == true) {
                    var text = option[b].childNodes[0].nodeValue;
                    text = text.substr(0, count);
                    textnode = document.createTextNode(text);
                }
            }
            span[a] = $("select_"+inputs[a].name);
            span[a].appendChild(textnode);
  		}
        if ($('subCategory')){
            var subCatOptions = $('subCategory').getElementsByTagName('option');
            if(subCatOptions.length <= 1){
                $('subCategory').disabled = true;
                $('subCategory').addClassName('disabled');
                if($('select_subCategory')){
                    $('select_subCategory').addClassName('disabled');
                }
            }
        }
        if($('categorySelect') && $('categorySelect').value.length != 0 && $('subCategory').value.length == 0){
             getSubCategories($('categorySelect').value);
        }
	},

    choose: function(link) {
        try{
            var option = link.getElementsByTagName("option");
            for(var d = 0; d < option.length; d++) {
                if(option[d].selected == true) {
                    var optionText = option[d].childNodes[0].nodeValue;
                    optionText = optionText.substr(0, count);
                    $("select_"+link.name).childNodes[0].nodeValue = optionText;
                }
            }
        } catch(e){

        }

    }
};

function getSubCategories(categoryID){
    var select = $('subCategory');
    for (var j=0; j<select.length; j++){
        select.remove(j);
    }
    $('subCategory').innerHTML = " ";
    $('select_subCategory').innerHTML = "- Any -";

    var subs = subCategories[categoryID];
    var option = new Element('option');
    option.text = '- Any -';
    option.value = '';
    $('subCategory').options.add(option);

    if (categoryID == null || !categoryID){
        $('subCategory').disabled = true;
        $('subCategory').addClassName('disabled');
        $('select_subCategory').addClassName('disabled');
        return false;
    }
    $('subCategory').disabled = false;
    $('subCategory').removeClassName('disabled');
    $('select_subCategory').removeClassName('disabled');
    for (var i=0; i < subs.length; i++){
        try{
            option = new Element('option');
            option.value = subs[i].id;
            option.text = subs[i].name;

            $('subCategory').options.add(option);

        } catch(e){

        }
    }
}