";
strSku = "";
}
}
});
return strHtml;
}
//sets up the data for the second page display of the bundler
function getBundlerSummary(varImageUrl, varStrNoImage)
{
var strHtml = "";
//fetch the xml with the products
$.ajax({
url: 'ClientAction.aspx?action=getbundlersummary',
type: 'get',
cache: false,
dataType: "xml",
success: function(xml) {
$('#BundleSummaryProductsList').contents().remove();
$(xml).find('BundleItemsGet').each(function(){
var varTotalCost = "\$" + Number($(this).find('TotalCost').text()).toFixed(2);
$("#BundleSummaryPriceDollarFigure").html(varTotalCost);
$(this).find('Sku').each(function(){
var varSku = $(this).attr("sku");
var varPfId = $(this).attr("pfid");
if (varSku)
{
strHtml += "
";
}
});
$(strHtml).appendTo('#BundleSummaryProductsList');
});
},
error: function(msg) {
//alert("error");
}
})
}
//gets the available products when the bundler initially opens or re-opens and also re-initiates the drop area
function getBundlerContents(varImageUrl, varCatalogPath, varStrNoImage)
{
//store this in a global variable so it can be used later on
varBundlerCatalogPath = varCatalogPath;
//fetch the xml with the products
$.ajax({
url: 'ClientAction.aspx?action=getbundlercontents&cp=' + varBundlerCatalogPath,
type: 'get',
cache: false,
dataType: "xml",
success: function(xml) {
$('#AvailableProducts').contents().remove();
$(xml).find('CatalogContent').each(function(){
$(this).find('Content').each(function(){
var varTitle = $(this).attr('name');
$('#BundlerTitle').html(varTitle);
var varDescription = $(this).find('PromoText').text();
$('#BundlerDesc').html(varDescription);
$(this).find('Products').each(function(){
var i = 0;
$(this).find('Product').each(function(){
var strHtml = null;
var varItemId = $(this).attr('name');
var varSkuCount = $(this).find("SKU").length;
var varSku = varItemId;
if (varSkuCount == 1)
{
var varSku = $(this).find('SKU').attr('name');
}
var varPrice = "\$" + Number($(this).find('Attributes').attr('price')).toFixed(2);
if (varItemId != null)
{
i++;
var varImage = varStrNoImage;
if ($(this).find('Image').text())
{
varImage = $(this).find('Image').text();
}
var varTag = $(this).find('Tag').text();
var varName = $(this).find('Name').text();
//var varPrice = "\$" + Number($(this).find('Price').text()).toFixed(2);
strHtml = "
";
strHtml += "
";
strHtml += "
";
strHtml += "
" + varTag + "
";
strHtml += "
";
strHtml += "";
strHtml += "
";
strHtml += "
";
strHtml += "
";
strHtml += "
";
strHtml += "";
strHtml += "
" + varName + "
";
strHtml += "
" + varPrice + "
";
strHtml += "
";
$(strHtml).appendTo('#AvailableProducts');
}
});
$('').appendTo('#AvailableProducts');
});
});
});
$(xml).find('BundleItemsGet').each(function(){
var x = 0;
//reset the carousel before adding the items
var carousel = jQuery('#bundlerCarousel').data('jcarousel');
carousel.size(0);
carousel.reset();
$('#CreateBundle').css('display','block');
$('#BundlerSummary').css('display','none');
var varTotalSavings = "\$" + Number($(this).find('TotalSavings').text()).toFixed(2);
var varTotalCost = "\$" + Number($(this).find('TotalCost').text()).toFixed(2);
$('#BundlerCostDollarFigure').html(varTotalCost);
$(this).find('Sku').each(function(){
++x;
var varSku = $(this).attr('sku');
var varPfId = $(this).attr('pfid');
if (varSku)
{
if (varTotalSavings != "$0.00")
{
$('#BundlerSavingsText').css('display','block');
$('#BundlerSavingsFigure').contents().remove();
$('#BundlerSavingsFigure').html(varTotalSavings);
}
$('#BundlerSubmit').css('display','block');
carousel.size(x);
var varHtml = "
";
carousel.add(x, varHtml);
varCarouselSize = carousel.size();
}
});
if (varCarouselSize > 0)
{
$('.PlaceHolder').css('display','none');
}
carousel.reload();
});
$('.ImageDiv').draggable({
helper: "clone",
appendTo: ('#CreateBundle'),
start: function(event, ui) {
$(ui.helper).addClass("ui-draggable-helper");
}
});
$('#Bundler').droppable({
accept: ".ImageDiv",
drop: function(event, ui) {
buildAddToCarousel(ui.draggable.clone().html(), varCarouselSize + 1);
}
});
},
error: function(msg) {
//alert("error");
}
})
}
//adds the items in the bundler to the cart and ends the bundler session
function submitBundlerContents(varLocation)
{
$.ajax({
url: 'ClientAction.aspx?action=bundleitemsaddtocart',
type: 'post',
cache: false,
async: false,
dataType: "xml",
success: function(xml) {
var carousel = jQuery("#bundlerCarousel").data("jcarousel");
carousel.reset();
$('#dialogProductBundler').dialog('close');
if (varLocation == "checkout")
{
window.location.href="Cart.aspx";
}
else
{
window.location.href=window.location.href;
}
},
error: function(msg) {
//alert("error");
}
})
}
//used to interact with ClientAction.aspx
function submitVariant(varClientAction, varXmlNode,varSku,varPfId)
{
$.ajax({
url: varClientAction,
type: 'post',
cache: false,
dataType: "xml",
success: function(xml) {
//if (varSku)
//{
// //find an image with the pfid and change the id to the sku
// $("img#" + varPfId).attr("id",varSku);
//}
y = 0;
$('#BundlerSavingsFigure').contents().remove();
$(xml).find(varXmlNode).each(function(){
var varTotalSavings = "\$" + Number($(this).find('TotalSavings').text()).toFixed(2);
var varTotalCost = "\$" + Number($(this).find('TotalCost').text()).toFixed(2);
if (varTotalSavings != "$0.00")
{
$('#BundlerSavingsText').css("display","block");
$("#BundlerSavingsFigure").html(varTotalSavings);
}
else
{
$('#BundlerSavingsText').css("display","none");
}
$("#BundlerCostDollarFigure").html(varTotalCost);
$("#BundlerSubmit").css("display","block");
y++;
});
if (y = 0)
{
$('#BundlerSavingsText').css("display","none");
$("#BundlerSubmit").css("display","none");
$(".PlaceHolder").css("display","block");
}
},
error: function(msg) {
//alert(msg);
}
});
varClientAction = null;
}
//Adds a product to the carousel
function buildAddToCarousel(varImageHtml, index)
{
var carousel = jQuery('#bundlerCarousel').data('jcarousel');
//get sku & pfid out of image id: image id is "PFID-SKU")
var varImageId = $(varImageHtml).attr("id")
var mySplitResult = varImageId.split("-");
var varProductId = mySplitResult[0];
var varItemId = mySplitResult[1];
var strHtml = getBundlerProductVariants(varProductId,index);
var el=$("
" + varImageHtml + "
");
if (strHtml.indexOf("ProductBundlerVariants") > 0)
{
$(el).filter("li").append(strHtml).find("img").attr("id",varProductId + "-" + varItemId);
}
else
{
submitVariant("ClientAction.aspx?action=addtobundler&sku=" + varItemId + "&pfid=" + varProductId + "&position=" + index,"BundleItemAdd",strHtml,varProductId);
}
carousel.size(index);
carousel.add(index, el);
carousel.reload();
varCarouselSize = carousel.size();
if (varCarouselSize != 0)
{
$(".PlaceHolder").css("display","none");
}
if (varCarouselSize > 5)
{
carousel.scroll(varCarouselSize, 0);
}
}
//Handles gathering the data on the click event (versus drag and drop) add to cart
function addToCarousel(varImageUrl,varItemId,varCategory)
{
varImageHtml = "";
buildAddToCarousel(varImageHtml, varCarouselSize+1);
}
function itemLoadCallbackFunction(carousel, state)
{
//alert(state);
if (state == 'init') {
carousel.size(0);
varCarouselSize == 0;
}
}
//rebuilds carousel after an item is deleted so that we aren't left with gaps where the product was.
function reloadCarousel(varDeletedItem)
{
var carousel = jQuery("#bundlerCarousel").data("jcarousel");
var itemsHTML = new Array();
var counter = 0;
var index = carousel.size();
for (i = 1; i <= index; i++) {
if (i != varDeletedItem)
{
var varSrc = $("#bundlerCarousel").find('li[jcarouselindex|="' + i + '"]').find("img").attr("src");
var varId = $("#bundlerCarousel").find('li[jcarouselindex|="' + i + '"]').find("img").attr("id");
var varAlt = $("#bundlerCarousel").find('li[jcarouselindex|="' + i + '"]').find("img").attr("alt");
//var varString = $("#bundlerCarousel").find('li[jcarouselindex|="' + i + '"]').html();
var varString = ""
itemsHTML[counter++] = varString;
}
else
{
var varCurrentProduct = $("#bundlerCarousel").find('li[jcarouselindex|="' + i + '"]').find("img").attr("id");
var mySplitResult = varCurrentProduct.split("-");
var varItemId = mySplitResult[1];
submitVariant("ClientAction.aspx?action=removefrombundler&sku=" + varItemId + "&position=" + i,"BundleItemDelete",null,null);
}
}
carousel.size(0);
carousel.reset();
counter = 0;
for (x = 1; x <= itemsHTML.length; x++) {
var varString = "
';
strHtml += "