medicalalert-web-reloaded/wp/wp-content/plugins/iper-medical/templates/script/select-product.js

var woo = {};
(function($) {
  //Keys required for accessing the woocommerce api calls (Referenced in woo.getRatePlan, woo.getCoreProduct, and woo.displayProtectionPlan)
  var consumer_key = "ck_63c6c0c6c1a22a78c0cbfdc9f344f74ba6c42f3b";
  var consumer_secret = "cs_71499bc1c4a6429ff1c6aca680a97b0cc74b2d95";
  var _self = this;
  _self.productInfo = undefined;      //Stores product information retrieved from API call
  _self.productVariations = undefined;//Stores product variation information from API call in woo.getRatePlan
  _self.cart = undefined;             //Stores the cart object created in woo.displayFallDetection
  _self.productName = undefined;      //Stores that name of the product given in woo.getRatePlan

  //Function to parse together the html for the product cards based on the product JSON object sent


  woo.createRateButtons = function(product) {
    //regularPrice = parseFloat(product.regular_price).toFixed(2);
    var card = '';
    var ratePromotions = '';
    var displayPrice;
    salePrice = parseFloat(product.sale_price).toFixed(2);
    ratePromotions = product.attributes[6].option.split(",");
    specialOffer = product.attributes[7].option.split(",");
    dPrice = parseFloat(product.price).toFixed(2);
    ratePlan = product.attributes[1].option;
    product_id = product.id;
    noidea = product.attributes[1].option;



card +=

'<a class="et_pb_button et_pb_button_0 mobblk et_pb_bg_layout_dark" data-toggle="modal" title=' + product.attributes[1].option +'" data-product="' + product.id + '" onclick="woo.displayFallDetection(' + "'" + product.id+ "','" + product.price + "','" + product.attributes[1].option + "','" + product.attributes[3].option + "','" + product.sku + "','" + product.attributes[2].option + "','" + product.attributes[5].option + "'" + ')"> Order Now </a>';


  //"<a onclick=" + "woo.displayFallDetection(" + "'" + product.id + "','" + product.price + "','" + product.attributes[1].option + "','" + product.attributes[3].option + "','" + product.sku + "','" + product.attributes[2].option + "','" + product.attributes[5].option + "'" + ') "data-toggle="modal" title="' + product.attributes[1].option +'" class="btn btn-orange btn-block iperModalProduct" data-product="' + product.id + '">Select</a>';

    return card;
  };




  //Function to parse together the html for the rate plan cards based on the product JSON object sent
  woo.createRateCard = function(product) {
    //regularPrice = parseFloat(product.regular_price).toFixed(2);
    var card = '';
    var ratePromotions = '';
    var displayPrice;
    salePrice = parseFloat(product.sale_price).toFixed(2);
    ratePromotions = product.attributes[6].option.split(",");
    specialOffer = product.attributes[7].option.split(",");
    dPrice = parseFloat(product.price).toFixed(2);
    ratePlan = product.attributes[1].option;

card +=

'<div class="prtrow">' +
'<div class="prtcolumn30"><label for="'+ratePlan+'" class="radiolbl">'+ratePlan+'</label></div>' +
'<div class="prtcolumn30 prtcolumn65mob paddtop0smob">' +
'<p class="prodcost">$'+dPrice+'/mo. <span class="small-red-txt">'+specialOffer+' </span></p>' +
'<p class="showmob prodoffer2"><strong>'+ratePromotions+'</p>' +
'</div>' +
'<div class="nsmob prtcolumn35">' +
'<p class="prodoffer2"><strong>'+ratePromotions+'</p>' +
'</div>' +
'<div class="prtcolumn25 paddtop12">' +
'<a class="btn btn-red-learnmore qr-buy-btn red-btn et_pb_bg_layout_light" onmouseover="" style="cursor: pointer;" data-toggle="modal" title=' + ratePlan +'" data-product="' + product.id + '" onclick="woo.displayFallDetection(' + "'" + product.id+ "','" + product.price + "','" + ratePlan + "','" + product.attributes[3].option + "','" + product.sku + "','" + product.attributes[2].option + "','" + product.attributes[5].option + "'" + ' ) "> Select </a>'+

'</div>' +
'</div>';

    return card;
  };
  //Function that does an ajax call returning on all the variations for a specific product.
  woo.getRatePlan = function(callback, productId, productName) {
    _self.productName = productName;
    $.ajax({
      async: false,
      method: "GET",
      url:
        "/wp-json/wc/v3/products/" +
        productId +
        "/variations?per_page=100&order=asc&consumer_key=" +
        consumer_key +
        "&consumer_secret=" +
        consumer_secret,
      success: function(data) {
        _self.productVariations = data;
        callback(data);
      }
    });
  };
  //Function that initiates the display and creation of the modal for the upsell fall detection pendents, also creates and does initial insert into cart object.
  woo.displayFallDetection = function(id, price, rate_plan, rateplan_sfid, product_sfid, price_mulitplier, promotion) {
    //Initial add to cart
    _self.cart = new woo.cartPackage();
    _self.cart.product_sid = product_sfid;
    _self.cart.rateplan_sid = rateplan_sfid;
    _self.cart.rateplan_multiplier = price_mulitplier;
    _self.cart.product_price = price;
    _self.cart.product_rate_price = (parseFloat(price)*parseFloat(price_mulitplier)).toFixed(2);
    _self.cart.ratePlan = rate_plan;
    if(promotion !== "none"){
      _self.cart.promotionId = promotion;
    }else{
      _self.cart.promotionId = undefined;
    }
    _self.cart.productName = _self.productName;

    //Modal creation
    var modal = document.getElementById("modalProduct");
    var modalContent = woo.createFallDetectionCard(rate_plan);
    $("#modalProduct").html(modalContent);
    $("body").append('<div id="modalBackDrop" class="modal-backdrop fade in"></div>');
    modal.classList.add("in");
    modal.style.display = "block";
  };
  //Function that generates the html for the Modal Fall Detection Buttons
  woo.createFallDetectionCard = function(rate_plan) {
    var product = _self.productVariations;
    var fd_info;
    for (var i = 0; i < product.length; i++) {
      if (
        product[i].attributes[0].option === "fall" &&
        product[i].attributes[1].option === rate_plan
      ) {
        fd_info = product[i];
        break;
      }
    }
    fdPrice = parseFloat(fd_info.attributes[4].option).toFixed(2);
 var modalContent =
      '<div class="modal-dialog modal-lg" role="document">' +
      '<div class="modal-content">' +
      '<div class="modal-body">' +
      '<button class="close" data-dismiss="modal" aria-label="Close" onclick="woo.closeModal()"><span aria-hidden="true">×</span></button>' +
      '<div class="row">' +
      '<div class="col-md-6 mod-text text-left">' +
      '<div class="detail-plan">' +
      '<div class="text-plan">' +
      "<h2>Add Fall Detection</h2>" +
      "<p>With this popular feature your Medical Alert pendant senses a fall and contacts an operator immediately—even if you can’t press your button.*</p>" +
      "</div>" +
      // "<h1>Fall Detection </h1>" +
      '<span class="upsell_price">$' +
      fdPrice +
      "/mo.</span>" +
      '<div id="modal-btns" class="modal-btns">' +
      '<a onclick="woo.displayProtectionPlan(' +"'" +1 + "','" + rate_plan + "','" + fd_info.attributes[3].option + "','" + fd_info.attributes[4].option + "','" + fd_info.attributes[6].option +
      "'" +
      ')" class="btn et_pb_button et_pb_button_1 btn-red-learnmore et_pb_bg_layout_light modbtn-add iperModalUpsell" id="modalupsell" data-toggle="modal" data-target="#modalProduct69" data-promotion-id="" data-block="" data-upsell="2175,10" data-product-id="10" data-upsell-id="68" data-dismiss="modal">Add to Cart</a>' +
      '<a onclick="woo.displayProtectionPlan(' +
      "'" +
      0 +
      "','" +
      rate_plan +
      "'" +
      ')" class="blue-btn et_pb_button et_pb_button_1 btn-blue-learnmore et_pb_bg_layout_light modbtn-thanks" id="modalupsell" data-toggle="modal" data-target="#modalProduct69" data-upsell-id="68" data-dismiss="modal">No Thanks</a> ' +
      "</div>" +
      "</div>" +
      "</div>" +
      '<div class="col-md-6 upsell_img fd-upsell"></div>' +
      "</div>" +
      "</div>" +
      "</div>" +
      "</div>";

    return modalContent;
  };

  //Function that initiates the display and creation of the modal for the upsell protection plan, also adds fall detection data to cart if add to cart is selected.
  //Also performs that AJAX call to get the shipping information(Might be better placed somewhere else in the flow but is here for now)
  woo.displayProtectionPlan = function(choice, rate_plan, sfID, price, promoID) {
    //If Add to Cart is selected on fall detection pendent modal add FDP info to cart
    if (choice == 1){
      _self.cart.upsells.push([
        sfID,
        price,
        "Fall Detection Button",
        parseFloat(_self.cart.rateplan_multiplier) * parseFloat(price),
        promoID
      ]);
    }
    //AJAX call to get the shipping variations from woocommerce then parse them into the cart object(Maybe better served at different location)
    $.ajax({
      async: false,
      method: "GET",
      url:
        "/wp-json/wc/v3/products/" +
        localStorage.getItem('ShippingInfo') +
        "/variations?consumer_key=" +
        consumer_key +
        "&consumer_secret=" +
        consumer_secret,
      success: function(data) {
        woo.parseShipping(data);
      }
    });
    //creates and displays modal for the Protection Plan
    var modal = document.getElementById("modalProduct");
    var modalContent = woo.createProtectionPlanCard(rate_plan);
    $("#modalProduct").html(modalContent);
    modal.classList.add("in");
    modal.style.display = "block";
  };
  //Function that generate the html for the Modal Protection Plan
  woo.createProtectionPlanCard = function(rate_plan) {
    var product = _self.productVariations;
    var pp_info;
    for (var i = 0; i < product.length; i++) {
      if (
        product[i].attributes[0].option === "protection" &&
        product[i].attributes[1].option === rate_plan
      ) {
        pp_info = product[i];
        break;
      }
    }

        var modalContent =
      '<div class="modal-dialog modal-lg" role="document">' +
      '<div class="modal-content">' +
      '<div class="modal-body">' +
      '<button class="close" data-dismiss="modal" aria-label="Close" onclick="woo.closeModal()"><span aria-hidden="true">×</span></button>' +
      '<div class="row">' +
      '<div class="col-md-6 mod-text protection-text-plan text-left">' +
      '<div class="detail-plan">' +
      '<div class="text-plan">' +
      "<h2>Add a Protection Plan</h2>" +
      "<p>Prevent out of pocket expenses up to $350 in case your system is lost, stolen, or damaged with a  Protection Plan.</p>" +
      "</div>" +
      // "<h1>Protection Plan </h1>" +
      '<span class="upsell_price">$' +
      pp_info.attributes[4].option +
      "/mo.</span>" +
      '<div id="modal-btns" class="modal-btns">' +
            '<a onclick="woo.navShipping(' +
      "'1" +
      "','" +
      pp_info.attributes[3].option +
      "','" +
      pp_info.attributes[4].option +
      "','" +
      pp_info.attributes[6].option +
      "'" +
      ')" class="btn et_pb_button et_pb_button_1 btn-red-learnmore et_pb_bg_layout_light modbtn-add iperModalUpsell" id="modalupsell" data-toggle="modal" data-target="#modalProduct69" data-promotion-id="" data-block="" data-upsell="2175,10" data-product-id="10" data-upsell-id="68" data-dismiss="modal">Add to Cart</a>' +
      '<a onclick="woo.navShipping(' +
      "'0'" +
      ')" class="blue-btn et_pb_button et_pb_button_1 btn-blue-learnmore et_pb_bg_layout_light modbtn-thanks" id="modalupsell" data-toggle="modal" data-target="#modalProduct69" data-upsell-id="68" data-dismiss="modal">No Thanks</a> ' +
      "</div>" +
      "</div>" +
      "</div>" +
      '<div class="col-md-6 upsell_img protection-upsell"></div>' +
      "</div>" +
      "</div>" +
      "</div>" +
      "</div>";

    return modalContent;
  };


  //Function that initiates the display and creation of the modal for the upsell protection plan, also adds fall detection data to cart if add to cart is selected.
  //Also performs that AJAX call to get the shipping information(Might be better placed somewhere else in the flow but is here for now)
  woo.displayProtectionPlanSale = function(choice, rate_plan, sfID, price, promoID) {
    //If Add to Cart is selected on fall detection pendent modal add FDP info to cart
    if (choice == 1){
      _self.cart.upsells.push([
        sfID,
        price,
        "Fall Detection Sale Button",
        parseFloat(_self.cart.rateplan_multiplier) * parseFloat(price),
        promoID
      ]);
    }
    //AJAX call to get the shipping variations from woocommerce then parse them into the cart object(Maybe better served at different location)
    $.ajax({
      async: false,
      method: "GET",
      url:
        "/wp-json/wc/v3/products/" +
        localStorage.getItem('ShippingInfo') +
        "/variations?consumer_key=" +
        consumer_key +
        "&consumer_secret=" +
        consumer_secret,
      success: function(data) {
        woo.parseShipping(data);
      }
    });
    //creates and displays modal for the Protection Plan
    var modal = document.getElementById("modalProduct");
    var modalContent = woo.createProtectionPlanSaleCard(rate_plan);
    $("#modalProduct").html(modalContent);
    modal.classList.add("in");
    modal.style.display = "block";
  };
  //Function that generate the html for the Modal Protection Plan
  woo.createProtectionPlanSaleCard = function(rate_plan) {
    var product = _self.productVariations;
    var ppsale_info;
    for (var i = 0; i < product.length; i++) {
      if (
        product[i].attributes[0].option === "protection_sale" &&
        product[i].attributes[1].option === rate_plan
      ) {
        ppsale_info = product[i];
        break;
      }
    }

        var modalContent =
      '<div class="modal-dialog modal-lg" role="document">' +
      '<div class="modal-content">' +
      '<div class="modal-body">' +
      '<button class="close" data-dismiss="modal" aria-label="Close" onclick="woo.closeModal()"><span aria-hidden="true">×</span></button>' +
      '<div class="row">' +
      '<div class="col-md-6 mod-text protection-text-plan text-left">' +
      '<div class="detail-plan">' +
      '<div class="text-plan">' +
      "<h2>Free Protection Plan</h2>" +
      "<p>Prevent out of pocket expenses up to $350 in case your system is lost, stolen, or damaged with a  Protection Plan.</p>" +
      "</div>" +
       "<h1>Protection Plan </h1>" +
      '<span class="upsell_price">$' +
      ppsale_info.attributes[4].option +
      "/mo.</span>" +
      '<div id="modal-btns" class="modal-btns">' +
            '<a onclick="woo.navShipping(' +
      "'1" +
      "','" +
      ppsale_info.attributes[3].option +
      "','" +
      ppsale_info.attributes[4].option +
      "','" +
      ppsale_info.attributes[6].option +
      "'" +
      ')" class="btn et_pb_button et_pb_button_1 btn-red-learnmore et_pb_bg_layout_light modbtn-add iperModalUpsell" id="modalupsell" data-toggle="modal" data-target="#modalProduct69" data-promotion-id="" data-block="" data-upsell="2175,10" data-product-id="10" data-upsell-id="68" data-dismiss="modal">Continue</a>' +
      "</div>" +
      "</div>" +
      "</div>" +
      '<div class="col-md-6 upsell_img" style="background: url(/wp-content/uploads/2020/11/Protection-Plan.jpg) no-repeat center / cover; height: 600px; position:absolute; right:0;"></div>' +
      "</div>" +
      "</div>" +
      "</div>" +
      "</div>";

    return modalContent;
  };


//Shows cart when Product is added
  woo.getCart = function(){
    cartCard = woo.createCart();
    $('#preview-order-payment').html(cartCard);
  }

  woo.getCartItemCount = function(){
    var cart = JSON.parse(sessionStorage.getItem('cart'));

    return cart.upsells.length + cart.accessories.length + ((cart.product_sid != undefined && cart.product_sid !== '') ? 1 : 0);

  }
function resize(){
  var cartCheck = sessionStorage.getItem('cart');
  var width = jQuery(window).width();
    if (cartCheck) {
        if (width >= 768) {
            jQuery('#carticon').css('display', 'inline');
            jQuery('.mobcart').css('display', 'none');
        } else {
            jQuery('.mobcart').css('display', 'inline-block');
        }
    }else {
            jQuery('.menu-item-29619').css('display','none');
            jQuery('.mobcart').css('display','none');
      }
}
$(document).ready(function(){
    resize();
    $(window).resize(resize);
});

  //Function that generates the html for the cart to be viewed in the Order Summary Column on the Shipping Page
  woo.createCart = function() {
    var cartInfo = JSON.parse(sessionStorage.getItem('cart'));
    
      //console.log(cartInfo.ratePlan);
      if (cartInfo.ratePlan == "Annually") {
        cartInfo.rateplan_multiplier = "12";
        //console.log(cartInfo.rateplan_multiplier);
      }

    var cart =
    //console.log(cartInfo.accessories);
    '<div class="title">Order Summary</div>' + 
    '<div id="iperCartDetail" class="order-detail">' +
    '<div data-product="12" class="containerIperProduct">' +
    '<img src="' + cartInfo.accessories[0][3]+ '" style="float: right;" width="30%">' +
      "<!-- PRODOTTO -->" +
      '<div class="product">' +
      '<span class="name"><strong>'+cartInfo.productName+'</strong></span>' +
      "</div>" +
      '<div class="clearfix"></div>';

      //Builds the rateplan portion of cart
      cart+=
      "<!-- RATEPLAN -->" +
      '<div class="row payment-type">' +
      '<div class="col-6 col-md-6">' + cartInfo.ratePlan + "</div>" +
      '<div class="col-6 col-md-6 priceff"> <span> $'+cartInfo.product_rate_price+'<strong>/'+cartInfo.rateplan_multiplier+' mo</strong></span></div>' +
      "</div>";

      //Builds the Upsells portion of cart
      if (isNaN(cartInfo.upsells)) {
            cart+="<!-- UPSELLS -->" +
            
            '<div class="row upsells">';

          for(var i = 0; i<cartInfo.upsells.length; i++){
            cart +=
              
              '<div class="col-6 col-md-6">' +
              cartInfo.upsells[i][2] +
              "</div>" +
              '<div class="col-6 col-md-6 price_up"><span class="priceff">$' +
              cartInfo.upsells[i][3] +
              "<strong>/" +
              cartInfo.rateplan_multiplier +
              " mo</strong></span></div>";
          }
      }

      cart+="</div>" +
      '<div class="clearfix"></div>';

      //Builds Accessories portion of cart
      cart+="<!-- ACCESSORIES -->" + 
      '<div class="row">';


      for(var i = 0; i<cartInfo.accessories.length; i++){
        cart +=
          
          '<div class="col-6 col-md-6">' +
          cartInfo.accessories[i][1] +
          "</div>" +
          '<div class="col-6 col-md-6 price_up"><span class="priceff">$' +
          cartInfo.accessories[i][2] + 
          "</span></div>";
      }



      cart+=
      '<div class="col-12 col-md-12 shipping-label"></div>' + 
      '<div class="col-6 col-md-6 shipping-type-label"></div>' + 
      '<div class="col-6 col-md-6 shipping-price"></div>' + 
      '</div>' +
      "<hr>";

      //Builds the Total portion of cart
      cart+="<!-- TOTAL -->" +
      '<div class="row total">' +
      '<div class="col-6 col-md-6 total">' +
      '<div class="total1"><strong>Total</strong>' +
      "</div>" +
      "</div>" +
      '<div class="col-6 col-md-6 price_up"><span class="price">$'+cartInfo.totalPrice+'</span></div>' +
      '<div class="clearfix"></div>' +
      "</div>" +
      "<!--Session variable to display text on cart page -->" +
      '<span id="taxdisclaimer" style="display:none">Plus applicable tax</span>';

      var cookies = document.cookie;
      var arrayCookies = cookies.split(';');
      var sessPromo = '';
      var promoLabel = '';
      //console.log(cookies);
      //console.log(arrayCookies);
      for(k in arrayCookies){
        //console.log(arrayCookies[k]);
        if(arrayCookies[k].includes("SESSpromotion")){
          //console.log("Promo found");
          var arraySessPromo = arrayCookies[k].split('=');
          sessPromo = arraySessPromo[1];
          //str.replace(/%20/g, " ");
          sessPromo = sessPromo.replace(/%20/g, " ");;
          sessPromo = sessPromo.replace(/%24/g, "$");;
          promoLabel = "Promotion";
          break;
        }
      }


      cart+=
      "<!-- PROMOTION -->" +
      '<hr>' +
      '<div class="row total">' +
      '<div class="col-12 col-md-12 total">' +
      '<div class="total1"><strong>'+promoLabel+'</strong>' +
      "</div>" +
      "</div>" +
      "</div>" +
      '<div class="row total">' +
      '<div class="col-12 col-md-12">'+sessPromo+'</div>' +
      '<div class="clearfix"></div>' +
      "</div>" +
      "</div>";



    return cart;
  };
  //Function that gets the object cart out of session storage
  woo.packageObject = function() {
    var payLoad = sessionStorage.getItem('cart');
    return payLoad;
  };
  //Function that sends the all the information in cart to the dataPassing.php file to be parsed and pushed into Session variables in the server.
  woo.postProductInformation = function() {
    // $.ajax({
    //   data: "Package=" + woo.packageObject(),
    //   //url: "/wp-content/plugins/iper-medical/templates/dataPassing.php",
    //   url: "/wp-content/plugins/iper-medical/templates/template-product.php",
    //   async: false,
    //   method: "POST", // or GET
    //   success: function() {
    //     console.log("This was sent with a 200 code");
    //     alert('success');
    //   },
    //   error: function(x, msg, ex) {
    //     alert('fail');
    //     console.log(msg);
    //   }
    // });
    $('[name="Package"]').val(woo.packageObject);

    $('#dataPassing').submit();
  };
  //Function that performs the AJAX GET call to the woocommerce API for all products
  woo.getCoreProducts = function(callback, $) {
    $.ajax({
      async: false,
      method: "GET",
      url:
        "/wp-json/wc/v3/products?order=asc&consumer_key=" +
        consumer_key +
        "&consumer_secret=" +
        consumer_secret,
      success: function(data) {
        _self.productInfo = data;
        callback(data);
      }
    });
  };
  //Function that does the final add to cart for Accessories and Protection Plan choice before sending information over to Server, then navigating page to the
  // shipping page.
  woo.navShipping = function(choice, sfid, price,promoID, displayFeatimage) {
    //If add to cart was chosen for protection plan push information into cart
    var product = _self.productVariations;
    var ratePlan = _self.cart.ratePlan;
    var accessories = _self.cart.accessories;
    
    
    for(var i = 0; i<product.length; i++){
      console.log(product[i].image.src);
      let displayFeatimage = product[i].image.src;
    };

    //Add all Accessories related to product into the cart
    for(var i = 0; i<product.length; i++){
      if (product[i].attributes[0].option === "accessory") {
        if (product[i].attributes[1].option === "all") {
          accessories.push([
            product[i].attributes[2].option, //Salesforce ID
            product[i].attributes[3].option, //Acessory Name
            product[i].attributes[4].option, //Programming Fee
            product[i].image.src
          ]);
          //alert(product[i].attributes[4].option);
        } else if ( product[i].attributes[1].option === ratePlan)
        {
          accessories.push([
            product[i].attributes[2].option, //Salesforce ID
            product[i].attributes[3].option,  //Acessory Name
            product[i].attributes[4].option //Programming Fee
          ]);
        }
      }
    }

  if (ratePlan === 'Annually'){
      var pp_total = parseFloat(12) * parseFloat(price);
      console.log(ratePlan);
    } else {
      var pp_total = parseFloat(_self.cart.rateplan_multiplier) * parseFloat(price);
      console.log(ratePlan);
   }

    if(choice == 1){
      _self.cart.upsells.push([
        sfid,
        price,
        "Protection Plan",
        pp_total,
        promoID
      ]);
    }
    //Add the total price of order (Upsells + Core) to cart
    
    
    console.log(productName);


    _self.cart.totalPrice = parseFloat(_self.cart.product_price) * parseFloat(_self.cart.rateplan_multiplier) + 99.95; 

    for(var i = 0; i<_self.cart.upsells.length; i++){
      //Takes the initial value for total price and adds to it the unrounded price from the upsell
      _self.cart.totalPrice += _self.cart.upsells[i][3];
      //Rounds the price for the upsell to 2 decimal places for display purposes
      _self.cart.upsells[i][3] = (_self.cart.upsells[i][3]).toFixed(2);
    }
    //Rounds the final total price to 2 decimal places.
    _self.cart.totalPrice = (_self.cart.totalPrice).toFixed(2);

    //Sends the cart object to the sessionStorage object to be referenced on shipping page.
    sessionStorage.setItem('cart', JSON.stringify(_self.cart));

    //Sends the cart object to the Server
    woo.postProductInformation();

    //Navigates user to next page
    //window.location.href = "/medical-shipping.html";
  };
  //Cart object used to pass information to the Server
  woo.cartPackage = function() {
          this.images;
          this.productName;
          this.product_sid;
          this.product_price;
          this.product_rate_price;
          this.ratePlan;
          this.rateplan_sid;
          this.rateplan_multiplier;
          this.upsells = [];
          this.accessories = [];
          this.totalPrice;
          this.promotionId;
          this.shippingMethods = [];
  };
  //Parses the response from the AJAX call to get all shipping prices, pushing into the cart
  woo.parseShipping = function(data) {
    for(var i = 0; i<data.length; i++){
      _self.cart.shippingMethods.push([data[i].attributes[0].option, data[i].attributes[1].option, data[i].attributes[2].option]);
    }
  };
  //Function used to remove the html/css rules that show the modal.
  woo.closeModal=function(){
    $("#modalProduct").html('');
    $("#modalProduct").removeClass('in');
    $("#modalProduct").removeAttr("style");
    $("#modalBackDrop").remove();
  }
})(jQuery);