var oHandlers = new Object();
var ddSelects;
var lastActiveOption;

$(document).ready(function() {
    //activate dropdown
    ddSelects = $("select.dd").msDropDown();
    //alert(ddSelects.length);
    ///ddSelects.msDropDown();

    // Click event
    /*//ddSelects.click(function(){
    
        var elemId = $(this).attr('id');
        var option = elemId.substring(7);
        if(option != lastActiveOption){            
            calculateOptionVars(this);
        }
        lastActiveOption = option;               
    });*/

    ///for(var i=0; i < ddSelects.length; i++)
    ///    oHandlers[$(ddSelects[i]).attr('id')] = $(ddSelects[i]).msDropDown().data('dd');
    
    // Change event
    ///ddSelects.change(function(){
    //    $('#product_filter_form').submit();
    ///})
    
    $('#product_filter_form input[name="btn_filter_clear"]').click(function(){
        $('select option','#product_filter_form').removeAttr('selected');
        $(this).parent('form').submit();
    });    
});

function submitFilters(select){    
    $('#current_option').val($(select).attr('name'));
    $('#product_filter_form').submit();
}
function getFilters(current_id){
    var params = '';
    $('#product_filter_form select').each(function(){
        if($(this).attr('id') != current_id){
            params += $(this).attr('name')+'='+$('option:selected',this).val()+'&';
        }
    });
    return params;
}

function calculateOptionVars(select){
    var select_id = $(select).attr('id');
    var option = select_id.substring(7);
    var params = getFilters(select_id);

    var brand = $('#current_brand_id').val();
    var serie = $('#current_serie_id').val();
    params += 'current_option='+option+'&brand_id='+brand+'&serie_id='+serie;

    $('#'+select_id+' option:not(:first)').remove();
    //$('#'+select_id+'_child a:not(:first)').remove();
    $.ajax ({
        data : params,
        url : 'calculate-filter',
        type: 'GET',
        dataType : 'json',
        success : function(data){            
            for (opt in data){
                var option = document.createElement('option');
                var text = document.createTextNode(data[opt]['title']+' ('+data[opt]['count']+')');
                option.setAttribute('value', data[opt]['title']);
                option.appendChild(text);
                if(data[opt]['image'] != '')
                    option.setAttribute('title', data[opt]['image']);
                oHandlers[select_id].add(option);
            }                        
        }
    });    
}