var dmi_Wishlist_ProductAdded;
var productImageWrapID;
var PathThemeImages;

function addToBasket(objBtnAdd) {
    $("#notificationsLoader").html('<img src="' + PathThemeImages + 'loader.gif">');
    AddShoppingCartItem(objBtnAdd, 1);
};

function addToWishlist(objBtnAdd) {
    AddShoppingCartItem(objBtnAdd, 2);
};

// 1 - ShoppingCart; 2 - Wishlist
var _shoppingCartTypeEnum;
function AddShoppingCartItem(objBtnAdd, shoppingCartTypeEnum) {
    if (shoppingCartTypeEnum == 1) {
        productImageWrapID = objBtnAdd.getAttribute("picture_ID");
    }
    var ProductID = objBtnAdd.getAttribute("productID");
    var ValAtri1 = '';
    var ValAtri2 = '';
    var Quantity = 1;
    var CodEnvase = '';
    /* atributos opcionales */
    try {
        ValAtri1 = objBtnAdd.getAttribute("ValAtri1");
    }
    catch (err) {
    }
    if (ValAtri1 == null) {
        ValAtri1 = '';
    }
    try {
        ValAtri2 = objBtnAdd.getAttribute("ValAtri2");
    }
    catch (err) {
    }
    if (ValAtri2 == null) {
        ValAtri2 = '';
    }
    try {
        Quantity = $("#" + objBtnAdd.getAttribute("Quantity_ID")).val();
    }
    catch (err) {
    }
    if (Quantity == null) {
        Quantity = 1;
    }
    try {
        CodEnvase = $("#" + objBtnAdd.getAttribute("Envase_ID")).val();
    }
    catch (err) {
    }
    if (CodEnvase == null) {
        CodEnvase = '';
    }
    /* fin atributos opcionales */
    _shoppingCartTypeEnum = shoppingCartTypeEnum;
    B2C.wsGeneral.InsertShoppingCartItem(shoppingCartTypeEnum, ProductID, ValAtri1, ValAtri2, '', Quantity, 0, CodEnvase, AddShoppingCartItem_CallBack)
}

function AddShoppingCartItem_CallBack(response) {
    //valores devueltos: accion (0-Ninguna; 1-Insertada; 2-Modificada) sciID ImageUrl ProductURL Description quantity talla subtotal error
    if (response != '') {
        var datos = eval('(' + response + ')');
        if (datos.accion == 0) {
            showAlert(datos.error);
        }
        else {
            if (_shoppingCartTypeEnum == 1) {
                var productX = $("#" + productImageWrapID).offset().left;
                var productY = $("#" + productImageWrapID).offset().top;

                var sciID = '#sci_' + datos.sciID;

                if ($(sciID).length > 0) {
                    var basketX = $(sciID).offset().left;
                    var basketY = $(sciID).offset().top;
                } else {
                    var basketX = $("#basketTitleWrap").offset().left;
                    var basketY = $("#basketTitleWrap").offset().top;
                }

                var gotoX = basketX - productX;
                var gotoY = basketY - productY;
                var newImageWidth = $("#" + productImageWrapID).width() / 3;
                var newImageHeight = $("#" + productImageWrapID).height() / 3;
                $("#" + productImageWrapID + " img")
		                .clone()
		                .prependTo("#" + productImageWrapID)
		                .css({ 'position': 'absolute' })
		                .animate({ opacity: 0.4 }, 100)
		                .animate({ opacity: 0.1, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight }, 1200, function() {
		                    $(this).remove();

		                    if (datos.accion == 1) {
		                        // si se modifica formato cambiar en B2CStore.ShoppingCartManager.GetSCIFormatHTMLCartExpress
		                        var li = "<li id='sci_" + datos.sciID + "'><a href='#' onClick='DeleteShoppingCartItem(" + datos.sciID + ");return false;'><img src='" + PathThemeImages + "delete.png'></a> " + datos.quantity + " x <a href='" + datos.ProductURL + "'><span class='productName-name'>" + datos.Description + "</span></a> - " + datos.subtotal + "</li>";
		                        if ($(sciID).length > 0) {
		                            $(sciID).animate({ opacity: 0 }, 500);
		                            $(sciID).before(li).remove();
		                            $(sciID).animate({ opacity: 0 }, 500);
		                            $(sciID).animate({ opacity: 1 }, 500);
		                            $("#notificationsLoader").empty();

		                        } else {
		                            $("#basketItemsWrap li:first").before(li);
		                            $("#basketItemsWrap li:first").hide();
		                            $("#basketItemsWrap li:first").show("slow");
		                            $("#notificationsLoader").empty();
		                        }
		                    }
		                    else {
		                        if (datos.accion == 2) {
		                            // si se modifica formato cambiar en B2CStore.ShoppingCartManager.GetSCIFormatHTMLCartExpress
		                            var li = "<li id='sci_" + datos.sciID + "'><a href='#' onClick='DeleteShoppingCartItem(" + datos.sciID + ");return false;'><img src='" + PathThemeImages + "delete.png'></a> " + datos.quantity + " x <a href='" + datos.ProductURL + "'><span class='productName'>" + datos.Description + "</span></a> - " + datos.subtotal + "</li>";
		                            if ($(sciID).length > 0) {
		                                $(sciID).animate({ opacity: 0 }, 500);
		                                $(sciID).before(li).remove();
		                                $(sciID).animate({ opacity: 0 }, 500);
		                                $(sciID).animate({ opacity: 1 }, 500);
		                                $("#notificationsLoader").empty();

		                            } else {
		                                $("#basketItemsWrap li:first").before(li);
		                                $("#basketItemsWrap li:first").hide();
		                                $("#basketItemsWrap li:first").show("slow");
		                                $("#notificationsLoader").empty();
		                            }
		                        }
		                    }
		                });

                GetShoppingCartTotales();
            }
            else {
                if (datos.accion == 1) {
                    IncrementaHeaderWishlistItemCount();
                }
                if ((datos.accion == 1) || (datos.accion == 2)) {
                    showAlert(dmi_Wishlist_ProductAdded);
                }
            }
        }
    }
}

// incrementa el valor del contador 
function IncrementaHeaderWishlistItemCount() {
    var value = parseInt($("#HeaderWishlistItemCountValue").html());
    $("#HeaderWishlistItemCountValue").html(value + 1);
}