$('.hovered').mouseover(function () {
    $(this).addClass('background-site').addClass('border-site').addClass('color-site');
});
$('.hovered').mouseleave(function () {
    $(this).removeClass('background-site').removeClass('color-site').removeClass('border-site');
});
$('.show-option').mouseover(function () {
    $(this).addClass('background-site');
});
$('.show-option').mouseleave(function () {
    $(this).removeClass('background-site');
});
$('.clear-compare').mouseover(function () {
    $(this).addClass('border-site').addClass('color-site');
})
$('.clear-compare').mouseleave(function () {
    $(this).removeClass('color-site').removeClass('border-site');
})

$('.compare-scroll').scroll(function () {
    var l = $(this).scrollLeft();
    $('.compare-products').css('margin-left','-'+l+'px');
    $('.compare-options').css('margin-left','-'+l+'px');

});
$('.compare-options-names .hide-compare-option').click(function () {
    var id = $(this).parent().parent().data('id');
    $('.option-'+id+':not(.hidden)').fadeOut(0);
    $('.show-'+id+':not(.hidden)').fadeTo(0,1);
    $(this).parent().parent().fadeOut(0);
});
$('.show-option').click(function () {
    var id = $(this).data('option');
    $('.option-'+id+':not(.hidden)').fadeTo(0,1);
    $('tr[data-id='+id+']:not(.hidden)').fadeTo(0,1);
    $(this).fadeOut(0);
});
function unique(arr) {
    var obj = {};

    for (var i = 0; i < arr.length; i++) {
        var str = arr[i];
        obj[str] = true;
    }

    return Object.keys(obj);
}

$('.change-tab').click(function(){
    var type = $(this).data('type');
    if ($(this).hasClass('active')==false)
    {
        if (type == 'all')
        {
            $('tr.hidden').removeClass('hidden');

        }
        if (type=='difference')
        {

            $('.compare-options tr:visible').each(function () {
                var a = [];
                $(this).children('td').each(function () {
                    a.push($(this).html());
                });
                a = unique(a);
                if (a.length==1)
                {
                    //compare-options-names
                    $(this).addClass('hidden');
                    var id = $(this).data('option');
                    $('.option-name-'+id).addClass('hidden');
                }


            });

        }
        $('.change-tab').removeClass('active');
        $(this).addClass('active');
    }

});

$('.compare-options tr').each(function (i) {

    var n = i+1;
    var h1= $('.compare-options tr:nth-child('+n+') td').height()+1;
    var h2= $('.compare-options-names tr:nth-child('+n+') td').height()+1;

    if (h1<h2) $('.compare-options tr:nth-child('+n+') td').height(h2);
    if (h1>h2) $('.compare-options-names tr:nth-child('+n+') td').height(h1);
    h1 = 0;
    h2 = 0;


});
$('.delete-product').click(function () {

    var id = $(this).attr('data-id');

    var url =  '/compare/delete';
    $.ajax({
        url: url,
        dataType: 'json',
        data: 'id=' + id,
        type: 'POST',
        success:
            function(data){
               location.reload();
            },
        error:
            function(data){

                alert('Ошибка при выполнении операции');
            },
    });
})
$('.clear-compare').click(function () {

    var id = $(this).attr('data-id');

    var url =  '/compare/clear';
    $.ajax({
        url: url,
        dataType: 'json',
        data: 'id=' + id,
        type: 'POST',
        success:
            function(data){

            },
        error:
            function(data){
            },
    });
    location.reload();
})