$(document).ready(function(){

    var updateCompareLabel = function(el, type) {
        if (type == 'added'){
            el.removeClass('addToCompare greenWide').addClass('removeFromCompare redWide');
            el.html('Usuń z porównania');
        } else if (type == 'removed') {
            el.removeClass('removeFromCompare redWide').addClass('addToCompare greenWide');
            el.html('Dodaj do porównania');
        } else {
            ;
        }
    }

    var label_click = function() {
        var el = $(this);
        var res = $(this).attr('id').split('-');
        $.getJSON(url_set_compare, {'model':'flat', 'id':res[1] }, function(results) {
            compare_callback(el, results)
        });
    };
    
    var compare_callback = function(el, results) {
        var status_code = results[1];
        var $compare_box = $('#compare_preview_box');
        var compare_box_data = 'id='+el.attr('id').split('-')[1];
        if (status_code == 'error') {
            compare_box_data += '&error='+encodeURI(results[0]);
        } else {
            updateCompareLabel(el, status_code);
        }
        $compare_box.show().html(loader_set_compare);
        compare_box_data += '&next='+encodeURI(window.location);
        $compare_box.load('/i/compare/box/', compare_box_data, function() {
            $('.investment-item', this).each(function() {
                $('.remove', this).click(label_click);
            });
            var hide_box = function() {
                $compare_box.hide();
                $(document).unbind('click', hide_box);
            };
            $('.layerClose', this).click(hide_box);
            $(document).click(hide_box);

            $compare_box.css('position', 'absolute');
            $compare_box.css('top', $(document).scrollTop() + 10).css('left', $(document).scrollLeft() + 350);
            
        });
    }

    $('.compare_flats,.compare_houses,.compare_locals').click(label_click);
});