$(document).ready(function(){
    $('.back_img').hover(function(){ 
        $(this).parent().find('.image1').css('display', 'none');
        $(this).parent().find('.image2').css('display', 'block');
    }, function() {
        $(this).parent().find('.image1').css('display', 'block');
        $(this).parent().find('.image2').css('display', 'none');
    });
    
    
    
    var listOptions = activeOptions.split(',');
    var listBrands = activeBrands.split(',');
    var listBestelOptions = activeBestelOptions.split(',');
    
    $('.checkbox-option').click(function(){
        var name = $(this).attr('name');
        var value = name.substring(name.indexOf(':')+1, name.length);

        if(!$(this).is(':checked')){
            for(var i=0; i<listBestelOptions.length; i++){
                if(listBestelOptions[i] == value){
                    listBestelOptions.splice(i, 1);
                    
                    activeBestelOptions = listBestelOptions.join(',');
                    if(activeBestelOptions.charAt(0) == ','){
                        activeBestelOptions = activeBestelOptions.substring(1, name.length);
                    }
                
                    break;
                }
            }
        } else { 
            var inArray = false;
            for(var i=0; i<listBestelOptions.length; i++){
                if(listBestelOptions[i] == value){
                    inArray = true;
                    break;
                }
            }
            
            if(!inArray){
                listBestelOptions.push(parseInt(value));
                
                activeBestelOptions = listBestelOptions.join(',');
                
                if(activeBestelOptions.charAt(0) == ','){
                    activeBestelOptions = activeBestelOptions.substring(1, name.length);
                }
            }
        }
        
        var listOpen = '';
        $('#menu').find('h2').each(function(){
            if($(this).attr('class') == 'open'){
                var i = parseInt( $(this).attr('id').substring(0, 1) );
                if(listOpen.length == 0){
                    listOpen = ''+i;      
                } else {
                    listOpen = listOpen + ','+i;  
                }    
            }
        });
        
        window.location = redirectJSUrl+"?filter="+activeOptions+"&open="+listOpen+"&brands="+activeBrands+"&options="+activeBestelOptions;
    });
    
    
    $('.checkbox-merk').click(function(){
        var name = $(this).attr('name');
        var value = name.substring(name.indexOf(':')+1, name.length);

        if(!$(this).is(':checked')){
            for(var i=0; i<listBrands.length; i++){
                if(listBrands[i] == value){
                    listBrands.splice(i, 1);
                    
                    activeBrands = listBrands.join(',');
                    if(activeBrands.charAt(0) == ','){
                        activeBrands = activeBrands.substring(1, name.length);
                    }
                
                    break;
                }
            }
        } else { 
            var inArray = false;
            for(var i=0; i<listBrands.length; i++){
                if(listBrands[i] == value){
                    inArray = true;
                    break;
                }
            }
            
            if(!inArray){
                listBrands.push(parseInt(value));
                
                activeBrands = listBrands.join(',');
                if(activeBrands.charAt(0) == ','){
                    activeBrands = activeBrands.substring(1, name.length);
                }
            }
        }
        
        var listOpen = '';
        $('#menu').find('h2').each(function(){
            if($(this).attr('class') == 'open'){
                var i = parseInt( $(this).attr('id').substring(0, 1) );
                if(listOpen.length == 0){
                    listOpen = ''+i;      
                } else {
                    listOpen = listOpen + ','+i;  
                }    
            }
        });
        
        window.location = redirectJSUrl+"?filter="+activeOptions+"&open="+listOpen+"&brands="+activeBrands+"&options="+listBestelOptions;
    });
    
    $('.checkbox-products').click(function(){
        var name = $(this).attr('name');
        var value = name.substring(name.indexOf(':')+1, name.length);
        
        if(!$(this).is(':checked')){
            
            for(var i=0; i<listOptions.length; i++){
                if(listOptions[i] == value){
                    listOptions.splice(i, 1);
                    
                    activeOptions = listOptions.join(',');
                    if(activeOptions.charAt(0) == ','){
                        activeOptions = activeOptions.substring(1, name.length);
                    }
                
                    break;
                }
            }
        } else {
            var inArray = false;
            for(var i=0; i<listOptions.length; i++){
                if(listOptions[i] == value){
                    inArray = true;
                    break;
                }
            }
            
            if(!inArray){
                listOptions.push(parseInt(value));
                
                activeOptions = listOptions.join(',');
                if(activeOptions.charAt(0) == ','){
                    activeOptions = activeOptions.substring(1, name.length);
                }
            }
        }
        
        var listOpen = '';
        $('#menu').find('h2').each(function(){
            if($(this).attr('class') == 'open'){
                var i = parseInt( $(this).attr('id').substring(0, 1) );
                if(listOpen.length == 0){
                    listOpen = ''+i;      
                } else {
                    listOpen = listOpen + ','+i;  
                }    
            }
        });
        
        window.location = redirectJSUrl+"?filter="+activeOptions+"&open="+listOpen+"&brands="+activeBrands+"&options="+listBestelOptions;
    });
    
    
    $('#menu h2').click(function(){
        if($(this).attr('class') == 'open'){
            $(this).removeClass('open');
        } else {
            $(this).addClass('open');    
        }
        
        $(this).next('ul').toggle();
    });
    
});