// JavaScript Shop Module, V.4.4.0                                     ||
/* framework Retail v32 */
//---------------------------------------------------------------------||
//                       Global Options                                ||
//                      ----------------                               ||
// Shopping Cart Options, you can modify these options to change the   ||
// the way the cart functions.                                         ||
//                                                                     ||
// Language Packs                                                      ||
// ==============                                                      ||
// You may include any language pack before nopcart.js in your HTML    ||
// pages to change the language.  Simply include a language pack with  ||
// a script src BEFORE the <SCRIPT SRC="nopcart.js">... line.          ||
//  For example: <SCRIPT SRC="language-en.js"></SCRIPT>                ||
//                                                                     ||
// Options For Everyone:                                               ||
// =====================                                               ||
// * MonetarySymbol: string, the symbol which represents dollars/euro, ||
//   in your locale.                                                   ||
// * DisplayNotice: true/false, controls whether the user is provided  ||
//   with a popup letting them know their product is added to the cart ||
// * DisplayShippingColumn: true/false, controls whether the managecart||
//   and checkout pages display shipping cost column.                  ||
// * DisplayShippingRow: true/false, controls whether the managecart   ||
//   and checkout pages display shipping cost total row.               ||
// * DisplayTaxRow: true/false, controls whether the managecart        ||
//   and checkout pages display tax cost total row.                    ||
// * TaxRate: number, your area's current tax rate, ie: if your tax    ||
//   rate was 7.5%, you would set TaxRate = 0.075                      ||
// * TaxByRegion: true/false, when set to true, the user is prompted   ||
//   with TaxablePrompt to determine if they should be charged tax.    ||
//   In the USA, this is useful to charge tax to those people who live ||
//   in a particular state, but no one else.                           ||
// * TaxPrompt: string, popup message if user has not selected either  ||
//   taxable or nontaxable when TaxByRegion is set to true.            ||
// * TaxablePrompt: string, the message the user is prompted with to   ||
//   select if they are taxable.  If TaxByRegion is set to false, this ||
//   has no effect. Example: 'Arizona Residents'                       ||
// * NonTaxablePrompt: string, same as above, but the choice for non-  ||
//   taxable people.  Example: 'Other States'                          ||
// * MinimumOrder: number, the minium dollar amount that must be       ||
//   purchased before a user is allowed to checkout.  Set to 0.00      ||
//   to disable.                                                       ||
// * MinimumOrderPrompt: string, Message to prompt users with when     ||
//   they have not met the minimum order amount.                       ||
//                                                                     ||
// Payment Processor Options:                                          ||
// ==========================                                          ||
// * PaymentProcessor: string, the two digit payment processor code    ||
//   for support payment processor gateways.  Setting this field to    ||
//   anything other than an empty string will override your OutputItem ||
//   settings -- so please be careful when receiving any form data.    ||
//   Support payment processor gateways are:                           ||
//    * Authorize.net (an)                                             ||
//    * Worldpay      (wp)                                             ||
//    * LinkPoint     (lp)
//                                                                     ||
// Options For Programmers:                                            ||
// ========================                                            ||
// * OutputItem<..>: string, the name of the pair value passed at      ||
//   checkouttime.  Change these only if you are connecting to a CGI   ||
//   script and need other field names, or are using a secure service  ||
//   that requires specific field names.                               ||
// * AppendItemNumToOutput: true/false, if set to true, the number of  ||
//   each ordered item will be appended to the output string.  For     ||
//   example if OutputItemId is 'ID_' and this is set to true, the     ||
//   output field name will be 'ID_1', 'ID_2' ... for each item.       ||
// * HiddenFieldsToCheckout: true/false, if set to true, hidden fields ||
//   for the cart items will be passed TO the checkout page, from the  ||
//   ManageCart page.  This is set to true for CGI/PHP/Script based    ||
//   checkout pages, but should be left false if you are using an      ||
//   HTML/Javascript Checkout Page. Hidden fields will ALWAYS be       ||
//   passed FROM the checkout page to the Checkout CGI/PHP/ASP/Script  ||
//---------------------------------------------------------------------||

//Options for Everyone:
MonetarySymbol        = '$';
DisplayNotice         = false;
DisplayShippingColumn = false;
DisplayShippingRow    = true;
DisplayTaxRow         = false;
TaxRate               = 0.00;
TaxByRegion           = false;
TaxPrompt             = 'For tax purposes, please select if you are an Arizona resident before continuing';
TaxablePrompt         = 'Arizona Residents';
NonTaxablePrompt      = 'Other States';
MinimumOrder          = 1.00;
MinimumOrderPrompt    = 'Your order is below our minimum order, please order more before checking out.';

//Payment Processor Options:
PaymentProcessor      = '';

//Options for Programmers:
OutputItemId          = 'ID_';
OutputItemQuantity    = 'QUANTITY_';
OutputItemPrice       = 'PRICE_';
OutputItemName        = 'NAME_';
OutputItemShipping    = 'SHIPPING_';
OutputItemAddtlInfo   = 'ADDTLINFO_';
OutputItemProdURL     = 'PRODURL_';
OutputOrderSubtotal   = 'SUBTOTAL';
OutputOrderShipping   = 'SHIPPING';
OutputOrderTax        = 'TAX';
OutputOrderTotal      = 'TOTAL';
AppendItemNumToOutput = false;
HiddenFieldsToCheckout = true;


//---------------------------------------------------------------------||
//                      Language Strings                               ||
//                     ------------------                              ||
// These strings will not be used unless you have not included a       ||
// language pack already.  You should NOT modify these, but instead    ||
// modify the strings in language-**.js where ** is the language pack  ||
// you are using.                                                      ||
//---------------------------------------------------------------------||
if ( !bLanguageDefined ) {
   strSorry  = "I'm Sorry, your cart is full, please proceed to checkout.";
   strAdded  = " added to your shopping cart.";
   strRemove = "Click 'Ok' to remove this product from your shopping cart.";
   strILabel = "Product Id";
   strDLabel = "Product Name/Description";
   strQLabel = "Quantity";
   strPLabel = "Price";
   strSLabel = "Shipping";
   strRLabel = "Remove From Cart";
   strRButton= "Remove";
   strSUB    = "SUBTOTAL";
   strSHIP   = "SHIPPING";
   strTAX    = "TAX";
   strTOT    = "TOTAL";
   strErrQty = "Invalid Quantity.";
   strNewQty = 'Please enter new quantity:';
   bLanguageDefined = true;
}


//---------------------------------------------------------------------||
// FUNCTION:    CKquantity                                             ||
// PARAMETERS:  Quantity to                                            ||
// RETURNS:     Quantity as a number, and possible alert               ||
// PURPOSE:     Make sure quantity is represented as a number          ||
//---------------------------------------------------------------------||
function CKquantity(checkString) {
   var strNewQuantity = "";

   for ( i = 0; i < checkString.length; i++ ) {
      ch = checkString.substring(i, i+1);
      if ( (ch >= "0" && ch <= "9") || (ch == '.') )
         strNewQuantity += ch;
   }

   if ( strNewQuantity.length < 1 )
      strNewQuantity = "1";

  weightUpdate(p, document.forms['order'], document.getElementById('priceDisplay'), document.getElementById('ADDITIONALINFO3').value);
   return(strNewQuantity);
}


//---------------------------------------------------------------------||
// FUNCTION:    AddToCart                                              ||
// PARAMETERS:  Form Object                                            ||
// RETURNS:     Cookie to user's browser, with prompt                  ||
// PURPOSE:     Adds a product to the user's shopping cart             ||
//---------------------------------------------------------------------||
function AddToCart(thisForm) {
   var iNumberOrdered = 0;
   var bAlreadyInCart = false;
   var notice = "";
   iNumberOrdered = GetCookie("NumberOrdered");

   if ( iNumberOrdered == null )
      iNumberOrdered = 0;

   if ( thisForm.ID_NUM == null )
      strID_NUM    = "";
   else
      strID_NUM    = thisForm.ID_NUM.value;

   if ( thisForm.QUANTITY == null )
      strQUANTITY  = "1";
   else
      strQUANTITY  = thisForm.QUANTITY.value;

   if ( thisForm.PRICE == null )
      strPRICE     = "0.00";
   else
      strPRICE     = thisForm.PRICE.value;

   if ( thisForm.NAME == null )
      strNAME      = "";
   else
      strNAME      = thisForm.NAME.value;

   if ( thisForm.SHIPPING == null )
      strSHIPPING  = "0.00";
   else
      strSHIPPING  = thisForm.SHIPPING.value;

   if ( thisForm.ADDITIONALINFO == null ) {
      strADDTLINFO = "";
   } else {
      strADDTLINFO = thisForm.ADDITIONALINFO[thisForm.ADDITIONALINFO.selectedIndex].value;
		//added by pik
	   if ( strADDTLINFO == "size..." ) {
		   alert( "Please select your size and then add to cart" );
		   return( true );
	   }
   }
   if ( thisForm.ADDITIONALINFO2 != null ) {
      strADDTLINFO += "; " + thisForm.ADDITIONALINFO2[thisForm.ADDITIONALINFO2.selectedIndex].value;
   }
   if ( thisForm.ADDITIONALINFO3 != null ) {
      strADDTLINFO += "; " + thisForm.ADDITIONALINFO3[thisForm.ADDITIONALINFO3.selectedIndex].value;
   }
   if ( thisForm.ADDITIONALINFO4 != null ) {
      strADDTLINFO += "; " + thisForm.ADDITIONALINFO4[thisForm.ADDITIONALINFO4.selectedIndex].value;
   }

   //Is this product already in the cart?  If so, increment quantity instead of adding another.
   for ( i = 1; i <= iNumberOrdered; i++ ) {
      NewOrder = "Order." + i;
      database = "";
      database = GetCookie(NewOrder);

      Token0 = database.indexOf("|", 0);
      Token1 = database.indexOf("|", Token0+1);
      Token2 = database.indexOf("|", Token1+1);
      Token3 = database.indexOf("|", Token2+1);
      Token4 = database.indexOf("|", Token3+1);
      Token5 = database.indexOf("|", Token4+1);

      fields = new Array;
      fields[0] = database.substring( 0, Token0 );
      fields[1] = database.substring( Token0+1, Token1 );
      fields[2] = database.substring( Token1+1, Token2 );
      fields[3] = database.substring( Token2+1, Token3 );
      fields[4] = database.substring( Token3+1, Token4 );
      fields[5] = database.substring( Token4+1, Token5 );
      fields[6] = database.substring( Token5+1, database.length );

      if ( fields[0] == strID_NUM &&
           fields[2] == strPRICE  &&
           fields[3] == strNAME   &&
           fields[5] == strADDTLINFO
         ) {
         bAlreadyInCart = true;
         dbUpdatedOrder = strID_NUM    + "|" +
                          (parseInt(strQUANTITY)+parseInt(fields[1]))  + "|" +
                          strPRICE     + "|" +
                          strNAME      + "|" +
                          strSHIPPING  + "|" +
                          strADDTLINFO  + "|" +
                          encodeURI(document.location);
         strNewOrder = "Order." + i;
         DeleteCookie(strNewOrder, "/");
         SetCookie(strNewOrder, dbUpdatedOrder, null, "/");
         notice = strQUANTITY + " " + strNAME + strAdded;
         break;
      }
   }


   if ( !bAlreadyInCart ) {
      iNumberOrdered++;

      if ( iNumberOrdered > 12 )
         alert( strSorry );
      else {
         dbUpdatedOrder = strID_NUM    + "|" +
                          strQUANTITY  + "|" +
                          strPRICE     + "|" +
                          strNAME      + "|" +
                          strSHIPPING  + "|" +
                          strADDTLINFO  + "|" +
                          encodeURI(document.location);

         strNewOrder = "Order." + iNumberOrdered;
         SetCookie(strNewOrder, dbUpdatedOrder, null, "/");
         SetCookie("NumberOrdered", iNumberOrdered, null, "/");
         notice = strQUANTITY + " " + strNAME + strAdded;
      }
   }

	 //added by pik:
	UpdateNumberOrdered();
	show_snackbar();
	replace_cart_button(thisForm);
}

//---------------------------------------------------------------------||
// FUNCTION:    getCookieVal                                           ||
// PARAMETERS:  offset                                                 ||
// RETURNS:     URL unescaped Cookie Value                             ||
// PURPOSE:     Get a specific value from a cookie                     ||
//---------------------------------------------------------------------||
function getCookieVal (offset) {
   var endstr = document.cookie.indexOf (";", offset);

   if ( endstr == -1 )
      endstr = document.cookie.length;
   return(unescape(document.cookie.substring(offset, endstr)));
}


//---------------------------------------------------------------------||
// FUNCTION:    FixCookieDate                                          ||
// PARAMETERS:  date                                                   ||
// RETURNS:     date                                                   ||
// PURPOSE:     Fixes cookie date, stores back in date                 ||
//---------------------------------------------------------------------||
function FixCookieDate (date) {
   var base = new Date(0);
   var skew = base.getTime();

   date.setTime (date.getTime() - skew);
}


//---------------------------------------------------------------------||
// FUNCTION:    GetCookie                                              ||
// PARAMETERS:  Name                                                   ||
// RETURNS:     Value in Cookie                                        ||
// PURPOSE:     Retrieves cookie from users browser                    ||
//---------------------------------------------------------------------||
function GetCookie (name) {
   var arg = name + "=";
   var alen = arg.length;
   var clen = document.cookie.length;
   var i = 0;

   while ( i < clen ) {
      var j = i + alen;
      if ( document.cookie.substring(i, j) == arg ) return(getCookieVal (j));
      i = document.cookie.indexOf(" ", i) + 1;
      if ( i == 0 ) break;
   }

   return(null);
}


//---------------------------------------------------------------------||
// FUNCTION:    SetCookie                                              ||
// PARAMETERS:  name, value, expiration date, path, domain, security   ||
// RETURNS:     Null                                                   ||
// PURPOSE:     Stores a cookie in the users browser                   ||
//---------------------------------------------------------------------||
function SetCookie (name,value,expires,path,domain,secure) {
   document.cookie = name + "=" + escape (value) +
                     ((expires) ? "; expires=" + expires.toGMTString() : "") +
                     ((path) ? "; path=" + path : "") +
                     ((domain) ? "; domain=" + domain : "") +
                     ((secure) ? "; secure" : "");
}


//---------------------------------------------------------------------||
// FUNCTION:    DeleteCookie                                           ||
// PARAMETERS:  Cookie name, path, domain                              ||
// RETURNS:     null                                                   ||
// PURPOSE:     Removes a cookie from users browser.                   ||
//---------------------------------------------------------------------||
function DeleteCookie (name,path,domain) {
   if ( GetCookie(name) ) {
      document.cookie = name + "=" +
                        ((path) ? "; path=" + path : "") +
                        ((domain) ? "; domain=" + domain : "") +
                        "; expires=Thu, 01-Jan-70 00:00:01 GMT";
   }
}


//---------------------------------------------------------------------||
// FUNCTION:    MoneyFormat                                            ||
// PARAMETERS:  Number to be formatted                                 ||
// RETURNS:     Formatted Number                                       ||
// PURPOSE:     Reformats Dollar Amount to #.## format                 ||
//---------------------------------------------------------------------||
function moneyFormat(input) {
   var dollars = Math.floor(input);
   var tmp = new String(input);

   for ( var decimalAt = 0; decimalAt < tmp.length; decimalAt++ ) {
      if ( tmp.charAt(decimalAt)=="." )
         break;
   }

   var cents  = "" + Math.round(input * 100);
   cents = cents.substring(cents.length-2, cents.length)
           dollars += ((tmp.charAt(decimalAt+2)=="9")&&(cents=="00"))? 1 : 0;

   if ( cents == "0" )
      cents = "00";

   return(dollars + "." + cents);
}


//---------------------------------------------------------------------||
// FUNCTION:    RemoveFromCart                                         ||
// PARAMETERS:  Order Number to Remove                                 ||
// RETURNS:     Null                                                   ||
// PURPOSE:     Removes an item from a users shopping cart             ||
//---------------------------------------------------------------------||
function RemoveFromCart(RemOrder) {
   if ( confirm( strRemove ) ) {
      NumberOrdered = GetCookie("NumberOrdered");
      for ( i=RemOrder; i < NumberOrdered; i++ ) {
         NewOrder1 = "Order." + (i+1);
         NewOrder2 = "Order." + (i);
         database = GetCookie(NewOrder1);
         SetCookie (NewOrder2, database, null, "/");
      }
      NewOrder = "Order." + NumberOrdered;
      SetCookie ("NumberOrdered", NumberOrdered-1, null, "/");
      DeleteCookie(NewOrder, "/");
      location.href=location.href;
   }
}


//---------------------------------------------------------------------||
// FUNCTION:    ChangeQuantity                                         ||
// PARAMETERS:  Order Number to Change Quantity                        ||
// RETURNS:     Null                                                   ||
// PURPOSE:     Changes quantity of an item in the shopping cart       ||
//---------------------------------------------------------------------||
function ChangeQuantity(OrderItem,NewQuantity) {
   if ( isNaN(NewQuantity) ) {
      alert( strErrQty );
   } else {
      NewOrder = "Order." + OrderItem;
      database = "";
      database = GetCookie(NewOrder);

      Token0 = database.indexOf("|", 0);
      Token1 = database.indexOf("|", Token0+1);
      Token2 = database.indexOf("|", Token1+1);
      Token3 = database.indexOf("|", Token2+1);
      Token4 = database.indexOf("|", Token3+1);
      Token5 = database.indexOf("|", Token4+1);

      fields = new Array;
      fields[0] = database.substring( 0, Token0 );
      fields[1] = database.substring( Token0+1, Token1 );
      fields[2] = database.substring( Token1+1, Token2 );
      fields[3] = database.substring( Token2+1, Token3 );
      fields[4] = database.substring( Token3+1, Token4 );
      fields[5] = database.substring( Token4+1, Token5 );
      fields[6] = database.substring( Token5+1, database.length );

      dbUpdatedOrder = fields[0] + "|" +
                       NewQuantity + "|" +
                       fields[2] + "|" +
                       fields[3] + "|" +
                       fields[4] + "|" +
                       fields[5] + "|" +
                       fields[6];
      strNewOrder = "Order." + OrderItem;
      DeleteCookie(strNewOrder, "/");
      SetCookie(strNewOrder, dbUpdatedOrder, null, "/");
      location.href=location.href;
   }
}


//---------------------------------------------------------------------||
// FUNCTION:    GetFromCart                                            ||
// PARAMETERS:  Null                                                   ||
// RETURNS:     Product Table Written to Document                      ||
// PURPOSE:     Draws current cart product table on HTML page          ||
//              **DEPRECATED FUNCTION, USE ManageCart or Checkout**    ||
//---------------------------------------------------------------------||
function GetFromCart( fShipping ) {
   ManageCart( );
}


//---------------------------------------------------------------------||
// FUNCTION:    RadioChecked                                           ||
// PARAMETERS:  Radio button to check                                  ||
// RETURNS:     True if a radio has been checked                       ||
// PURPOSE:     Form fillin validation                                 ||
//---------------------------------------------------------------------||
function RadioChecked( radiobutton ) {
   var bChecked = false;
   var rlen = radiobutton.length;
   for ( i=0; i < rlen; i++ ) {
      if ( radiobutton[i].checked )
         bChecked = true;
   }
   return bChecked;
}


//---------------------------------------------------------------------||
// FUNCTION:    QueryString                                            ||
// PARAMETERS:  Key to read                                            ||
// RETURNS:     value of key                                           ||
// PURPOSE:     Read data passed in via GET mode                       ||
//---------------------------------------------------------------------||
QueryString.keys = new Array();
QueryString.values = new Array();
function QueryString(key) {
   var value = null;
   for (var i=0;i<QueryString.keys.length;i++) {
      if (QueryString.keys[i]==key) {
         value = QueryString.values[i];
         break;
      }
   }
   return value;
}

//---------------------------------------------------------------------||
// FUNCTION:    QueryString_Parse                                      ||
// PARAMETERS:  (URL string)                                           ||
// RETURNS:     null                                                   ||
// PURPOSE:     Parses query string data, must be called before Q.S.   ||
//---------------------------------------------------------------------||
function QueryString_Parse() {
   var query = window.location.search.substring(1);
   var pairs = query.split("&"); for (var i=0;i<pairs.length;i++) {
      var pos = pairs[i].indexOf('=');
      if (pos >= 0) {
         var argname = pairs[i].substring(0,pos);
         var value = pairs[i].substring(pos+1);
         QueryString.keys[QueryString.keys.length] = argname;
         QueryString.values[QueryString.values.length] = value;
      }
   }
}

//---------------------------------------------------------------------||
// FUNCTION:    getOrderItem                                           ||
// PARAMETERS:  int number                                             ||
// RETURNS:     array                                                  ||
// PURPOSE:     Working with database. $Returns a record               ||
// which represents an item from an order                              ||
//---------------------------------------------------------------------||
function getOrderItem(i) {
    NewOrder = "Order." + i;
    database = "";
    database = GetCookie(NewOrder);

    Token0 = database.indexOf("|", 0);
    Token1 = database.indexOf("|", Token0 + 1);
    Token2 = database.indexOf("|", Token1 + 1);
    Token3 = database.indexOf("|", Token2 + 1);
    Token4 = database.indexOf("|", Token3 + 1);
    Token5 = database.indexOf("|", Token4 + 1);

    fields = new Array;
    fields[0] = database.substring(0, Token0);                 // Product ID
    fields[1] = database.substring(Token0 + 1, Token1);          // Quantity
    fields[2] = database.substring(Token1 + 1, Token2);          // Price
    fields[3] = database.substring(Token2 + 1, Token3);          // Product Name/Description
    fields[4] = database.substring(Token3 + 1, Token4);          // Shipping Cost
    fields[5] = database.substring(Token4 + 1, Token5);          // Additional Information
    fields[6] = database.substring(Token5 + 1, database.length); // Product page url

    if (fields[5].charAt(0) == ';') {
        fields[5] = fields[5].substring(1, fields[5].length).trim()
    } //added by pik
    try {
        URIError
        decodeURI(fields[6]);
    } catch (err) {
        fields[6] = '';
    }
    return fields;
}


//---------------------------------------------------------------------||
// FUNCTION:    ShowSummary                                            ||
// PARAMETERS:  Null                                                   ||
// RETURNS:     Summary Table Written to Document                      ||
// PURPOSE:     Draws current cart product summary table on HTML page  ||
//---------------------------------------------------------------------||
function ShowSummary() {
    var iNumberOrdered = 0;    //Number of products ordered
    var fTotal = 0;    //Total cost of order
    var fTax = 0;    //Tax amount
    var fShipping = 0;    //Shipping amount
    var strTotal = "";   //Total cost formatted as money
    var strTax = "";   //Total tax formatted as money
    var strShipping = "";   //Total shipping formatted as money
    var strOutput = "";   //String to be written to page
    var bDisplay = true; //Whether to write string to the page (here for programmers)

    iNumberOrdered = GetCookie("NumberOrdered");
    if (iNumberOrdered == null)
        iNumberOrdered = 0;

    for ( i = 1; i <= iNumberOrdered; i++ ) {

        var fields = getOrderItem(i);

        fTotal     += (parseInt(fields[1]) * parseFloat(fields[2]) );
        fShipping  += (parseInt(fields[1]) * parseFloat(fields[4]) );
        fTax        = (fTotal * TaxRate);
    } //for

    strTotal    = moneyFormat(fTotal);
    strTax      = moneyFormat(fTax);
    strShipping = moneyFormat(fShipping);

    if ( bDisplay ) {
        strOutput = "";
        // vertical summary, right column
        //TODO move div to template-file.php
        strOutput += "<table class='nopcart' id='nopsummary'>";
        strOutput += "<thead><tr><th colspan='2' class='nopheader'>Order Summary</th></tr></thead>";
        strOutput += "<tbody>";
        //TODO Display number of items
        strOutput += "<tr><td>Order items "+strSUB+"</td><td>" + MonetarySymbol + strTotal + "</td></tr>";
        strOutput += "<tr><td>"+strSHIP+"</td><td>" + MonetarySymbol + strShipping + "</td></tr>";
        strOutput += "</tbody>";
        strOutput += "<tfoot><tr><td>"+strTOT+"</td><td>" + MonetarySymbol + moneyFormat((fTotal + fShipping + fTax)) + "</td></tr></tfoot>";
        strOutput += "</table>";
        document.write(strOutput);
        document.close();
    }
}

//---------------------------------------------------------------------||
// FUNCTION:    ManageCart                                             ||
// PARAMETERS:  Null                                                   ||
// RETURNS:     Product Table Written to Document                      ||
// PURPOSE:     Draws current cart product table on HTML page          ||
//---------------------------------------------------------------------||
function ManageCart() {
   var iNumberOrdered = 0;    //Number of products ordered
   var fTotal         = 0;    //Total cost of order
   var fTax           = 0;    //Tax amount
   var fShipping      = 0;    //Shipping amount
   var strTotal       = "";   //Total cost formatted as money
   var strTax         = "";   //Total tax formatted as money
   var strShipping    = "";   //Total shipping formatted as money
   var strOutput      = "";   //String to be written to page
   var bDisplay       = true; //Whether to write string to the page (here for programmers)

   iNumberOrdered = GetCookie("NumberOrdered");
   if ( iNumberOrdered == null )
      iNumberOrdered = 0;

   if ( bDisplay )
      strOutput = "<TABLE id='nopitemlist' CLASS=\"nopcart\"><thead><TR>" +
// Product ID disabled by pik                "<TD CLASS=\"nopheader\"><B>"+strILabel+"</B></TD>" +
                  "<TD CLASS=\"nopheader\"><B>"+strDLabel+"</B></TD>" +
                  "<TD CLASS=\"nopheader\"><B>"+strQLabel+"</B></TD>" +
		  		  "<TD CLASS=\"nopheader\"><B>"+strPLabel+"</B></TD>" +
                  (DisplayShippingColumn?"<TD CLASS=\"nopheader\"><B>"+strSLabel+"</B></TD>":"") +
                  "<TD CLASS=\"nopheader\"><B>"+strRLabel+"</B></TD>" +
		  		  "</TR></thead>";
    strOutput += "<tbody>";

   if ( iNumberOrdered == 0 ) {
      strOutput += "<TR><TD COLSPAN=5 CLASS=\"nopentry\"><CENTER><BR><B>Your cart is empty</B><BR><BR></CENTER></TD></TR>";
   }

   for ( i = 1; i <= iNumberOrdered; i++ ) {

      var fields = getOrderItem(i);

      fTotal     += (parseInt(fields[1]) * parseFloat(fields[2]) );
      fShipping  += (parseInt(fields[1]) * parseFloat(fields[4]) );
      fTax        = (fTotal * TaxRate);
      strTotal    = moneyFormat(fTotal);
      strTax      = moneyFormat(fTax);
      strShipping = moneyFormat(fShipping);

      if ( bDisplay ) {
		  // Product ID disabled by pik
		  //strOutput += "<TR><TD CLASS=\"nopentry\">"  + fields[0] + "</TD>";
		  strOutput += "<TR>" //added by pik

         if ( fields[5] == "" )
            strOutput += "<TD CLASS=\"nopentry\"><A CLASS=\"nop_produrl\" href=\"" + decodeURI(fields[6]) + "\">" + fields[3] + "</A></TD>";
         else
            strOutput += "<TD CLASS=\"nopentry\"><A CLASS=\"nop_produrl\" href=\"" + decodeURI(fields[6]) + "\">" + fields[3] + "</A><br /><i>" + fields[5] + "</i></TD>";

         strOutput += "<TD CLASS=\"nopentry\"><INPUT class=\"nopinput\" TYPE=TEXT NAME=Q SIZE=2 VALUE=\"" + fields[1] + "\" onChange=\"ChangeQuantity("+i+", this.value);\"></TD>";
		 strOutput += "<TD CLASS=\"nopentry\">"+ MonetarySymbol + moneyFormat(fields[2]) + "</TD>";

         if ( DisplayShippingColumn ) {
            if ( parseFloat(fields[4]) > 0 )
               strOutput += "<TD CLASS=\"nopentry\">"+ MonetarySymbol + moneyFormat(fields[4]) + "</TD>";
            else
               strOutput += "<TD CLASS=\"nopentry\">N/A</TD>";
         }
         strOutput += "<TD CLASS=\"nopentry\" ALIGN=CENTER><button value=\" "+strRButton+" \" onClick=\"RemoveFromCart("+i+")\" class=\"myButton nopbutton icon-delete\">"+strRButton+"</button></TD>";
		 strOutput += "</TR>";
      }

      if ( AppendItemNumToOutput ) {
         strFooter = i;
      } else {
         strFooter = "";
      }
      if ( HiddenFieldsToCheckout ) {
         strOutput += "<input type=hidden name=\"" + OutputItemId        + strFooter + "\" value=\"" + fields[0] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemQuantity  + strFooter + "\" value=\"" + fields[1] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemPrice     + strFooter + "\" value=\"" + fields[2] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemName      + strFooter + "\" value=\"" + fields[3] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemShipping  + strFooter + "\" value=\"" + fields[4] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemAddtlInfo + strFooter + "\" value=\"" + fields[5] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemProdURL   + strFooter + "\" value=\"" + decodeURI(fields[6]) + "\">";
      }

   }

   if ( bDisplay ) {
      strOutput += "</tbody>";
      strOutput += "<tfoot>";
      strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=2>"+strSUB+"</TD>";
      strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2>" + MonetarySymbol + strTotal + "</TD>";
      strOutput += "</TR>";

      if ( DisplayShippingRow ) {
         strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=2>"+strSHIP+"</TD>";
         strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2>" + MonetarySymbol + strShipping + "</TD>";
         strOutput += "</TR>";
      }

      if ( DisplayTaxRow || TaxByRegion ) {
         if ( TaxByRegion ) {
            strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=2>"+strTAX+"</TD>";
            strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2>";
            strOutput += "<input type=radio name=\""+OutputOrderTax+"\" value=\"" + strTax + "\">";
            strOutput += TaxablePrompt + ": " + MonetarySymbol + strTax;
            strOutput += "<BR><input type=radio name=\""+OutputOrderTax+"\" value=\"0.00\">";
            strOutput += NonTaxablePrompt + ": " + MonetarySymbol + "0.00";
            strOutput += "</TD>";
            strOutput += "</TR>";
         } else {
            strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=2><B>"+strTAX+"</TD>";
            strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2>" + MonetarySymbol + strTax + "</TD>";
            strOutput += "</TR>";
         }
      }

      if ( !TaxByRegion ) {
         strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=2><B>"+strTOT+"</B></TD>";
         strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2><B>" + MonetarySymbol + moneyFormat((fTotal + fShipping + fTax)) + "</B></TD>";
         strOutput += "</TR>";
      }
      strOutput += "</tfoot>";
      strOutput += "</TABLE>";

      if ( HiddenFieldsToCheckout ) {
         strOutput += "<input type=hidden name=\""+OutputOrderSubtotal+"\" value=\""+ MonetarySymbol + strTotal + "\">";
         strOutput += "<input type=hidden name=\""+OutputOrderShipping+"\" value=\""+ MonetarySymbol + strShipping + "\">";
         strOutput += "<input type=hidden name=\""+OutputOrderTax+"\"      value=\""+ MonetarySymbol + strTax + "\">";
         strOutput += "<input type=hidden name=\""+OutputOrderTotal+"\"    value=\""+ MonetarySymbol + moneyFormat((fTotal + fShipping + fTax)) + "\">";
		 strOutput += "<input type=hidden name=\"amount\"    value=\""+ moneyFormat((fTotal + fShipping + fTax)) + "\">"; //added for pp
      }
   }
   g_TotalCost = (fTotal + fShipping + fTax);

   document.write(strOutput);
   document.close();
}

//---------------------------------------------------------------------||
// FUNCTION:    ValidateCart                                           ||
// PARAMETERS:  Form to validate                                       ||
// RETURNS:     true/false                                             ||
// PURPOSE:     Validates the managecart form                          ||
//---------------------------------------------------------------------||
var g_TotalCost = 0;
function ValidateCart( theForm ) {
   if ( TaxByRegion ) {
      if ( !RadioChecked(eval("theForm."+OutputOrderTax)) ) {
         alert( TaxPrompt );
         return false;
      }
   }

   if ( MinimumOrder >= 0.01 ) {
      if ( g_TotalCost < MinimumOrder ) {
         alert( MinimumOrderPrompt );
         return false;
      }
   }

   return true;
}

//---------------------------------------------------------------------||
// FUNCTION:    CheckoutCart                                           ||
// PARAMETERS:  Null                                                   ||
// RETURNS:     Product Table Written to Document                      ||
// PURPOSE:     Draws current cart product table on HTML page for      ||
//              checkout.                                              ||
//---------------------------------------------------------------------||
function CheckoutCart( returnContents = false) {
   var iNumberOrdered = 0;    //Number of products ordered
   var fTotal         = 0;    //Total cost of order
   var fTax           = 0;    //Tax amount
   var fShipping      = 0;    //Shipping amount
   var strTotal       = "";   //Total cost formatted as money
   var strTax         = "";   //Total tax formatted as money
   var strShipping    = "";   //Total shipping formatted as money
   var strOutput      = "";   //String to be written to page
   var bDisplay       = true; //Whether to write string to the page (here for programmers)
   var strPP          = "";   //Payment Processor Description Field

   iNumberOrdered = GetCookie("NumberOrdered");
   if ( iNumberOrdered == null )
      iNumberOrdered = 0;

   if ( TaxByRegion ) {
      QueryString_Parse();
      fTax = parseFloat( QueryString( OutputOrderTax ) );
      strTax = moneyFormat(fTax);
   }

   if ( bDisplay )
      strOutput = "<TABLE CLASS=\"nopcart\"><TR>" +
                  // Product ID disabled by pik "<TD CLASS=\"nopheader\"><B>"+strILabel+"</B></TD>" +
                  "<TD CLASS=\"nopheader\"><B>"+strDLabel+"</B></TD>" +
                  "<TD CLASS=\"nopheader\"><B>"+strQLabel+"</B></TD>" +
                  "<TD CLASS=\"nopheader\"><B>"+strPLabel+"</B></TD>" +
                  (DisplayShippingColumn?"<TD CLASS=\"nopheader\"><B>"+strSLabel+"</B></TD>":"") +
                  "</TR>";

   for ( i = 1; i <= iNumberOrdered; i++ ) {

      var fields = getOrderItem(i);

	  if (fields[5].charAt(0) == ';') { fields[5] = fields[5].substring(1, fields[5].length).trim() } //added by pik
	  try {URIError
		  decodeURI(fields[6]);
	  } catch(err) {
	      fields[6] = '';
	  }

      fTotal     += (parseInt(fields[1]) * parseFloat(fields[2]) );
      fShipping  += (parseInt(fields[1]) * parseFloat(fields[4]) );
      if ( !TaxByRegion ) fTax = (fTotal * TaxRate);
      strTotal    = moneyFormat(fTotal);
      if ( !TaxByRegion ) strTax = moneyFormat(fTax);
      strShipping = moneyFormat(fShipping);

      if ( bDisplay ) {
         // strOutput += "<TR><TD CLASS=\"nopentry\">"  + fields[0] + "</TD>";
		 strOutput += "<TR>"; //mod by pik

         if ( fields[5] == "" )
			strOutput += "<TD CLASS=\"nopentry\"><A CLASS=\"nop_produrl\" href=\"" + decodeURI(fields[6]) + "\">" + fields[3] + "</A></TD>";
         else
		  	strOutput += "<TD CLASS=\"nopentry\"><A CLASS=\"nop_produrl\" href=\"" + decodeURI(fields[6]) + "\">" + fields[3] + "&nbsp;"+ fields[5] + "</A></TD>";
         strOutput += "<TD CLASS=\"nopentry\">" + fields[1] + "</TD>";
         strOutput += "<TD CLASS=\"nopentry\">"+ MonetarySymbol + moneyFormat(fields[2]) + "</TD>";

         if ( DisplayShippingColumn ) {
            if ( parseFloat(fields[4]) > 0 )
               strOutput += "<TD CLASS=\"nopentry\">"+ MonetarySymbol + moneyFormat(fields[4]) + "</TD>";
            else
               strOutput += "<TD CLASS=\"nopentry\">N/A</TD>";
         }

         strOutput += "</TR>";
      }

      if ( AppendItemNumToOutput ) {
         strFooter = i;
      } else {
         strFooter = "";
      }
      if ( PaymentProcessor != '' ) {
         //Process description field for payment processors instead of hidden values.
         //Format Description of product as:
         // ID, Name, Qty X
         strPP += fields[0] + ", " + fields[3];
         if ( fields[5] != "" )
            strPP += " - " + fields[5];
         strPP += ", Qty. " + fields[1] + "\n";
      } else {
         strOutput += "<input type=hidden name=\"" + OutputItemId        + strFooter + "\" value=\"" + fields[0] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemQuantity  + strFooter + "\" value=\"" + fields[1] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemPrice     + strFooter + "\" value=\"" + fields[2] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemName      + strFooter + "\" value=\"" + fields[3] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemShipping  + strFooter + "\" value=\"" + fields[4] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemAddtlInfo + strFooter + "\" value=\"" + fields[5] + "\">";
         strOutput += "<input type=hidden name=\"" + OutputItemProdURL   + strFooter + "\" value=\"" + decodeURI(fields[6]) + "\">";
      }

   }

   if ( bDisplay ) {

/* block disabled by pik
      strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=3><B>"+strSUB+"</B></TD>";
      strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2 ALIGN=RIGHT><B>" + MonetarySymbol + strTotal + "</B></TD>";
      strOutput += "</TR>";
*/
      if ( DisplayShippingRow ) {
         strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=1>"+strSHIP+"</TD>";
         strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2 ALIGN=RIGHT>" + MonetarySymbol + strShipping + "</TD>";
         strOutput += "</TR>";
      }
/* block disabled by pik
      if ( DisplayTaxRow || TaxByRegion ) {
         strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=3><B>"+strTAX+"</B></TD>";
         strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2 ALIGN=RIGHT><B>" + MonetarySymbol + strTax + "</B></TD>";
         strOutput += "</TR>";
      }
*/
      strOutput += "<TR><TD CLASS=\"noptotal\" COLSPAN=1><B>"+strTOT+"</B></TD>";
      strOutput += "<TD CLASS=\"noptotal\" COLSPAN=2 ALIGN=RIGHT><B>" + MonetarySymbol + moneyFormat((fTotal + fShipping + fTax)) + "</B></TD>";
      strOutput += "</TR>";

      strOutput += "</TABLE>";


      if ( PaymentProcessor == 'an') {
         //Process this for Authorize.net WebConnect
         strOutput += "<input type=hidden name=\"x_Version\" value=\"3.0\">";
         strOutput += "<input type=hidden name=\"x_Show_Form\" value=\"PAYMENT_FORM\">";
         strOutput += "<input type=hidden name=\"x_Description\" value=\""+ strPP + "\">";
         strOutput += "<input type=hidden name=\"x_Amount\" value=\""+ moneyFormat((fTotal + fShipping + fTax)) + "\">";
      } else if ( PaymentProcessor == 'wp') {
         //Process this for WorldPay
         strOutput += "<input type=hidden name=\"desc\" value=\""+ strPP + "\">";
         strOutput += "<input type=hidden name=\"amount\" value=\""+ moneyFormat((fTotal + fShipping + fTax)) + "\">";
      } else if ( PaymentProcessor == 'lp') {
         //Process this for LinkPoint
         strOutput += "<input type=hidden name=\"mode\" value=\"fullpay\">";
         strOutput += "<input type=hidden name=\"chargetotal\" value=\""+ moneyFormat((fTotal + fShipping + fTax)) + "\">";
         strOutput += "<input type=hidden name=\"tax\" value=\""+ MonetarySymbol + strTax + "\">";
         strOutput += "<input type=hidden name=\"subtotal\" value=\""+ MonetarySymbol + strTotal + "\">";
         strOutput += "<input type=hidden name=\"shipping\" value=\""+ MonetarySymbol + strShipping + "\">";
         strOutput += "<input type=hidden name=\"desc\" value=\""+ strPP + "\">";
      } else {
         strOutput += "<input type=hidden name=\""+OutputOrderSubtotal+"\" value=\""+ MonetarySymbol + strTotal + "\">";
         strOutput += "<input type=hidden name=\""+OutputOrderShipping+"\" value=\""+ MonetarySymbol + strShipping + "\">";
         strOutput += "<input type=hidden name=\""+OutputOrderTax+"\"      value=\""+ MonetarySymbol + strTax + "\">";
         strOutput += "<input type=hidden name=\""+OutputOrderTotal+"\"    value=\""+ MonetarySymbol + moneyFormat((fTotal + fShipping + fTax)) + "\">";
      }
   }

   if (returnContents) {
	   return strOutput;
   } else {
	   document.write(strOutput);
	   document.close();
   }
}

//Run through array, find price by weight. Returns float/double? price.
function getPriceByWeight(p, weight) {
	var pLen;
	var i;
	var price;
	pLen = p.length;
	for (i = 0; i < pLen; i++) {
		if (weight == p[i].weight) price = p[i].price;
	}
	return price;
}

// Update the price fields
function weightUpdate(p, form, selectId, weight) {
	var price;
	price = getPriceByWeight(p, weight);
	form.elements["PRICE"].value = price;

  var cost = price;
  var q_elem = document.forms['order'].elements['QUANTITY'];
  //alert (q_elem.value);
  if (q_elem.value > 0) { cost = cost * q_elem.value; };

	selectId.innerHTML = '$' + moneyFormat(cost);
}

//draw options for Select element
function fillSelect(p, selectId) {
	var pLen;
	var text = "";
	var i;
	pLen = p.length;
	for (i = 0; i < pLen; i++) {
		text += '<option value="' + p[i].weight + '">' + p[i].weight + ' - $' + p[i].price + '</option>';
	}
	selectId.innerHTML = text;
}

/***********************************************************************
 *
 * show number of products in cart (int)
 * usage in page: <script language="javascript">ShowNumberOrdered()</script>
 * by pik
 ***********************************************************************/
function ShowNumberOrdered( ) {

   var iNumberOrdered = GetCookie("NumberOrdered");
   if ( iNumberOrdered == null ) {
      iNumberOrdered = 0;
   }
   document.write('<span id="NumberOrdered">' + iNumberOrdered + '</span>');

var n = document.getElementById('NumberOrdered').parentNode;
   if (n !== null && n.clientWidth < 250 && n.clientHeight < 250) {
	   n.onmouseenter = function () { show_cart_popup(); };
   } else {
	   document.getElementById('NumberOrdered').onmouseenter = function () { show_cart_popup(); };
   }
}

/**********************************************************************
*
* Updates the displayed number of products when called. (by pik)
*
***********************************************************************/
function UpdateNumberOrdered( ) {
	var iNumberOrdered = GetCookie("NumberOrdered");
	if ( iNumberOrdered == null ) {
	  iNumberOrdered = 0;
	}
	var e = document.getElementById('NumberOrdered');
  if (e) { e.innerHTML = iNumberOrdered; }
}

/**********************************************************************
*
* Change the button Add to Cart -> View Cart //by pik
*
***********************************************************************/
function replace_cart_button(thisForm) {
	var buttonCollection = thisForm.getElementsByTagName("button");

	for (i=0; i<buttonCollection.length; i++) {
		if (buttonCollection[i].getAttribute('onclick') == 'AddToCart(this.form)') {
			var myButton = buttonCollection[i];
			break;
		}
	}
	myButton.type = 'button';
	myButton.innerHTML = 'View Cart';
    myButton.classList.add('single_view_cart_button');
    myButton.classList.remove('single_add_to_cart_button');
	myButton.setAttribute('onclick', 'location.href = "order"');
}

/********************************************************
*
* Shows notification after adding an item to a cart
*
*********************************************************/
function show_snackbar() {
   var snackbar = document.createElement("div");
   snackbar.setAttribute("id", "snackbar");
   snackbar.id="snackbar";

   var msg = document.createElement('span');
   msg.setAttribute('id', 'snackbarmessage');
   var txt = document.createTextNode('The product has been placed to your shopping cart. ');
   msg.appendChild(txt);
   var button = document.createElement('button');
   button.setAttribute('type', 'submit');
   button.setAttribute('id', 'popup_button_view_cart');
   button.setAttribute('onclick', 'location.href=\'order\';');
   button.innerHTML = 'View Cart';
   button.className = 'myButton medium single_view_cart_button';
   snackbar.appendChild(msg);
   snackbar.appendChild(button);
   document.body.appendChild(snackbar);
   setTimeout(function(){ snackbar.classList.add('show'); }, 100); //delay of 3-4ms is required for animation
   setTimeout(function(){ snackbar.classList.remove('show'); }, 4500);
}

/************************************************************************
*
* Shows popup with cart contents when a user clicks on number of products
* unfinished by pik
*
*************************************************************************/
function show_cart_popup() {

   //check if popup was opened before
    if (document.getElementById('nopcartpopup')) return;


  var previous_handler = document.getElementById('NumberOrdered').parentNode.onmouseover;
  document.getElementById('NumberOrdered').parentNode.onmouseover = null;

  //draw close button
   var header = document.createElement('div');
    header.setAttribute("id", "nopcartpopup_header");
    header.innerHTML = "<button class=\"myButton close_button\" id=\"close_button\" onclick=\"document.getElementById('nopcartpopup').remove();\"></button>";


  //draw table
  var popup = document.createElement("div");
  popup.setAttribute("id", "nopcartpopup");
  popup.id="nopcartpopup";
  popup.innerHTML = CheckoutCart(true);

  //draw footer
   var footer = document.createElement('div');
   footer.setAttribute("id", "nopcartpopup_footer");

  //draw button
   var button = document.createElement('button');
   button.setAttribute('type', 'submit');
   button.setAttribute('id', 'popup_button_view_cart');
   button.setAttribute('onclick', 'location.href=\'order\';');
   button.innerHTML = 'View Cart';
   button.className = 'myButton medium single_view_cart_button';
   footer.appendChild(button);

   popup.insertBefore(header, popup.childNodes[0]);
   popup.appendChild(footer);
   document.body.appendChild(popup);

   var tables = document.querySelectorAll("table.nopcart");
   var table_height =  tables[0].offsetHeight;
   var table_width  =  tables[0].offsetWidth;

   var header_height = document.getElementById("nopcartpopup_header").offsetHeight;
   var footer_height = document.getElementById("nopcartpopup_footer").offsetHeight;

   var btn =  document.getElementById('NumberOrdered').parentNode;
   var x = document.getElementById("nopcartpopup");
   x.className = "show";

   x.style.height = header_height + footer_height + table_height + 30 + 'px'; //height of the popup
   x.style.width  = table_width + 10 + 'px'; //width of the popup

   var btnpos = getElementPosition(btn);

   //if the button is in the top part of the screen, popup opens from there downwards
   if (window.innerHeight / 2 > btnpos.top) {
       x.style.position = 'absolute';
       x.style.left = btnpos.left + btn.offsetWidth - x.offsetWidth + 'px';
       x.style.top = btnpos.top + btn.offsetTop - (parseInt(x.style.height) / 2).toFixed(0) + 'px';
       /* subtract 250 = half height for initial position before transform scaleY */
   } else {
      //the button is in the bottom part, draw popup upwards
       x.style.position = 'absolute';
       x.style.left = btnpos.left + btn.offsetWidth - x.offsetWidth + 'px';
       x.style.top = btnpos.top - parseInt(x.style.height) - 150 + 'px';
   }

   /* How to calculate the table height:
   offsetWidth, offsetHeight - size incl border. add to the coordinates of acorner.
   offsetLeft, offsetTop - coordinates of a corner.
   Any of the values below returns the height of a table row incl padding and borders, but witholding border-spacing. Just multiply by the number of rows.
   clientHeight: ${tr.clientHeight}
   offsetHeight: ${tr.offsetHeight}
   scrollHeight: ${tr.scrollHeight}
   x.setAttribute('style', 'top: ' + rect.bottom + '; left: ' + horizontal_coord); */

  //initial appearance before css animation
  setTimeout(function(){ x.className = x.className + " slideout" }, 100);
  var timerId1;
  var timerId2;
  var autohider = function () {
	  timerId1 = setTimeout(function(){
		  x.style.transform = 'scaleY(0.01)';
		  timerId2 = setTimeout(function(){
			  x.className.replace("show", "");
			  x.style.visibility = 'hidden';
			  x.parentNode.removeChild(x);
			  document.getElementById('NumberOrdered').parentNode.onmouseover = previous_handler;
		  }, 500);
	  }, 3000); //after this number of ms the popup will start folding

  };
  var autohider_abolisher = function() {
	clearTimeout(timerId1);
  }
  x.onmouseout = autohider; //temporary disabled
  x.onmouseover  = autohider_abolisher;
  document.getElementById('NumberOrdered').parentNode.onmouseout = autohider;
  document.getElementById('NumberOrdered').parentNode.onmouseover = autohider_abolisher;
}

function getElementPosition(el) {
    var xPos = 0;
    var yPos = 0;

    while (el) {
        if (el.tagName == "BODY") {
            // deal with browser quirks with body/window/document and page scroll
            var xScroll = el.scrollLeft || document.documentElement.scrollLeft;
            var yScroll = el.scrollTop || document.documentElement.scrollTop;

            xPos += (el.offsetLeft - xScroll + el.clientLeft);
            yPos += (el.offsetTop - yScroll + el.clientTop);
        } else {
            // for all other non-BODY elements
            xPos += (el.offsetLeft - el.scrollLeft + el.clientLeft);
            yPos += (el.offsetTop - el.scrollTop + el.clientTop);
        }

        el = el.offsetParent;
    }
    return {
        left: xPos,
        top: yPos
    };
}