$(document).ready(function() {

    updateTotalAccessoriesAmount();
    showFunnelSkipStepLink();

    $('.addToBasketButton').click(function(event) {
        event.preventDefault();
        addAccessoryToBasket(this);
    });

    $('.journeyAddAccessory').click(function(event) {
        event.preventDefault();
        journeyAddAccessory(this);
    });

    $('.journeyRemoveAccessory').click(function(event) {
        event.preventDefault();
        journeyRemoveAccessory(this);
    });

    $('#categoryFilter').change(function(event) {
        reloadAccessoriesGallery(this);
    });

});

function updateTotalAccessoriesAmount() {
    var totalAccessoriesAmount = $('.accessory').length;
    if ( totalAccessoriesAmount == 1 ){
        $('#oneProduct').removeClass('hidden');
        $('#manyProducts').addClass('hidden');
    }	
    $('#accessoriesTotalAmount').html(totalAccessoriesAmount);
    $('#accessoriesTotalAmount').parent().removeClass('hidden');
}

function showFunnelSkipStepLink(){
    $("#funnelSkipStepLink").show();
    $("#funnelSkipStepLink").click(function(event) {
        event.preventDefault();
        $('#selectItemSubmit').click();
    });
}

function addAccessoryToBasket(element) {
    $(element).siblings('.addToBasketSubmit').click();
}

function journeyAddAccessory(element) {
    var accessoryId = $(element).attr('id').replace('journeyAddAccessory', '');

    $('#accessoryCheckbox' + accessoryId).attr('checked', 'checked');
    $(element).closest('.rounded-box').addClass('highlighted');
    $(element).siblings('.journeyRemoveAccessory').removeClass('hidden');
    $(element).addClass('hidden');
}

function journeyRemoveAccessory(element) {
    var accessoryId = $(element).attr('id').replace('journeyRemoveAccessory','');

    $('#accessoryCheckbox' + accessoryId).removeAttr('checked');
    $(element).closest('.rounded-box').removeClass('highlighted');
    $(element).siblings('.journeyAddAccessory').removeClass('hidden');
    $(element).addClass('hidden');
}

function reloadAccessoriesGallery(element) {
    var categoryUrl = $(element).find("option:selected").val();
    if (categoryUrl) {
        window.location = categoryUrl;
    }

}