function UpdateCompare(IBLOCK_ID)
{
       $.ajax({
                type: "GET",
                url: "/compare.php",
                data: "data="+IBLOCK_ID,
                success: function(html) { 
                        $(".compare_num").empty();
                        $(".compare_num").append(html);
                }
        });
}

function DeleteFromCompare(elementId, text, id, COMPARE_NAME, IBLOCK_ID)
{
	var	element = document.getElementById(elementId);
	if (!element)
		return;
	$(element)
		.removeClass("catalog-item-compared").addClass("catalog-item-compare")
		.css("cursor", "pointer");
	

       $.ajax({
                type: "GET",
                url: "/delete_from_compare_list.php",
                data: "data="+elementId+';'+text+';'+id+';'+COMPARE_NAME+';'+IBLOCK_ID,

                success: function(html) { 

                        $("#"+elementId).empty();

                        $("#"+elementId).append(html);
                }
        });
		
		  
       $.ajax({
                type: "GET",
                url: "" + decodeURIComponent(window.location.pathname) + "?action=DELETE_FROM_COMPARE_LIST&IBLOCK_ID=" +IBLOCK_ID + "&ID[]=" + id + "&ajax_compare=1&backurl=" + decodeURIComponent(window.location.pathname),

                success: function(html) { 

                        $(".comp_main").empty();
                        $(".comp_main").append(html);
                }
        });
		
		
UpdateCompare(IBLOCK_ID);

}

function disableAddToCart(elementId, mode, text)
{
	var	element = document.getElementById(elementId);
	if (!element)
		return;
	if (mode == "detail")
		{ 
		$(element).html("<img src='/site_wn/images/inbasket.png' width='79px' height='19px/>").toggleClass("disabled")
			.removeAttr("href").unbind('click').css("cursor", "default");
		}
	else if (mode == "list")
		{
		$(element).html(text).removeClass("catalog-item-buy").addClass("catalog-item-in-the-cart")
			.unbind('click').css("cursor", "default");
		$(element).html("<img src='/site_wn/images/inbasket.png' width='79px' height='19px' alt='уже в корзине'/>").toggleClass("disabled")
			.removeAttr("href").unbind('click').css("cursor", "default");
		}
}

function addToCart(element, imageToFlyId, mode, text)
{

	if (!element || !element.href)
		return;

	var button = $(element);
	if (mode == "detail")
		{button.toggleClass("disabled").unbind('click').css("cursor", "default");}
	else if (mode == "list")
		{button.removeClass("catalog-item-buy").addClass("catalog-item-in-the-cart").unbind('click').css("cursor", "default");}

	$.get(
		element.href + "&ajax_buy=1",
		$.proxy(
			function(data) {
				if (this.mode == "detail")
					this.button.removeAttr("href").html("<img src='/site_wn/images/inbasket.png' width='79px' height='19px alt='уже в корзине' />");
				else if (this.mode == "list")
					this.button.removeAttr("href").html("<img src='/site_wn/images/inbasket.png' width='79px' height='19px alt='уже в корзине' />");

				var imageElement = document.getElementById(this.imageToFlyId);
				if (!imageElement)
				{
					$("#cart_line").html(data);
					return;
				}

				var hoverClassName = "";
				var wrapper = null;
				if (this.mode == "detail")
				{
					hoverClassName = "catalog-detail-hover";
					wrapper = this.button.parents("div.catalog-detail");
				}
				else if (this.mode == "list")
				{
					hoverClassName = "catalog-item-hover";
					wrapper = this.button.parents("div.catalog-item");
				}

				wrapper.unbind("mouseover").unbind("mouseout").removeClass(hoverClassName);

				var imageToFly = $(imageElement);
				var position = imageToFly.position();
				var flyImage = imageToFly.clone().insertBefore(imageToFly);

				flyImage.css({ "position": "absolute", "left": position.left, "top": position.top });
				flyImage.animate({ width: 0, height: 0, left: 900, top: -58 }, 600, 'linear');
				flyImage.data("hoverClassName", hoverClassName);
				flyImage.queue($.proxy(function() {
					this.flyImage.remove();
					$("#cart_line").html(data);
					if (this.wrapper.data("adminMode") === true)
					{
						var hoverClassName = "";
						if (this.mode == "detail")
							hoverClassName = "catalog-detail-hover";
						else if (this.mode == "list")
							hoverClassName = "catalog-item-hover";
						this.wrapper.addClass(hoverClassName).bind({
							mouseover: function() { $(this).removeClass(hoverClassName).addClass(hoverClassName); },
							mouseout: function() { $(this).removeClass(hoverClassName); }
						});
					}

				}, {"wrapper" : wrapper, "flyImage" : flyImage, "mode": this.mode}));

			}, { "button": button, "mode": mode, "imageToFlyId" : imageToFlyId }
		)
	);

	return false;
}

function disableAddToCompare(elementId, text, id, COMPARE_NAME, IBLOCK_ID)
{ 
	var	element = document.getElementById(elementId);
	if (!element)
		return;
	$(element)
		.removeClass("catalog-item-compare").addClass("catalog-item-compared")
		.html('<a href="javascript:void();" onClick="DeleteFromCompare(\''+elementId+'\', \''+text+'\', '+id+', \''+COMPARE_NAME+'\', \''+IBLOCK_ID+'\');"  class="compare-delete-item"><input type="checkbox" checked id="check_'+id+'"/><label for="check_'+id+'">'+text+'</label></a>')
		.unbind('click').removeAttr("href")
		.css("cursor", "pointer");

	return false;
}

function addToCompare(elementId, element, text, id, COMPARE_NAME, IBLOCK_ID)
{
	if (!element || !element.href) 
		return;

	var href = element.href;
	var button = $(element);

	button.removeClass("catalog-item-compare").addClass("catalog-item-compared").unbind('click').removeAttr("href").css("cursor", "default");

	$.get(
		href + '&ajax_compare=1&backurl=' + decodeURIComponent(window.location.pathname),
		$.proxy(
			function(data) {

				var compare = $(".comp_main");
				compare.html(data);
							
				this.html('<a href="javascript:void();" onClick="DeleteFromCompare(\''+elementId+'\', \''+text+'\', '+id+', \''+COMPARE_NAME+'\', \''+IBLOCK_ID+'\');"  class="compare-delete-item"><input type="checkbox" checked id="check_'+id+'"/><label for="check_'+id+'">'+text+'</label></a>');

				if (compare.css("display") == "none") {
					compare.css({ "display": "block", "height": "0" });
					compare.animate({ "height": "22px" }, 300);
				}
			}, button
		)
	);
    
	UpdateCompare(IBLOCK_ID);

	return false;
}