$(document).ready(function() {
  /*Adding elements*/
  $('body').append("<style>#alert-customer-order{position:fixed;z-index:99999;left:10px;bottom:0px;max-width:450px;width:auto;background:#fff;border-radius:6px;box-shadow:0px 0px 30px 1px rgba(21,21,21,0.3);padding:10px;overflow:hidden;color:#333;}#alert-customer-order .customer-order-img{width:15%;float:left;margin-right:30px;}#alert-customer-order .customer-order-img img{vertical-align:middle;position:relative;max-width:80px;width:120%;}#alert-customer-order .container-customer-order{float:left;width:73%;font-size:14px;}#alert-customer-order .close-customer-order{position:absolute;top:5px;right:5px;}#alert-customer-order .close-customer-order a .material-icons{font-size:15px;}#alert-customer-order .close-customer-order a{color:#888;}#alert-customer-order .close-customer-order a:hover{color:#333;}</style>");
  $('body').append("<div id=\"alert-customer-order\" style=\"opacity:0;\"></div>");
  $("#alert-customer-order").append("<div class='close-customer-order'><a href='#' class='txt-bold'><div class='material-icons'>close</div></a></div>");
  $("#alert-customer-order").append("<div class='customer-order-img'><img src='/images/logo-mini-square.svg'></div>");
  $("#alert-customer-order").append("<div class='container-customer-order'></div>");
  /*End - adding elements*/
  /*Close button*/
  $(".close-customer-order a").on('click', function(){
    event.preventDefault();
  $("#alert-customer-order").fadeOut(500).delay(120000);
  var d = new Date();
  d.setTime(d.getTime() + 120000);
  document.cookie = 'noalert=true;path=/;expires='+d.toGMTString()+';';

  });
  /*End- Close Button*/
  function getCookie(name) {var cookie = document.cookie;var prefix = name + "=";var begin = cookie.indexOf("; " + prefix);if (begin == -1) {begin = cookie.indexOf(prefix);if (begin != 0) return null;} else {begin += 2;var end = document.cookie.indexOf(";", begin);if (end == -1) {end = cookie.length;}}return unescape(cookie.substring(begin + prefix.length, end));}


if (getCookie("noalert") == null) {
  /*Main func*/
  var alertDiv = $("#alert-customer-order");
  alertDiv.css("visibility", "hidden");
  var timeforAlerts, duration=5000;

  var countOfAlerts = 0;

  var alertsArray = ["Kenzie from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Press Release Distribution</div></a><small>2 years ago</small>","Kenzie from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Press Release Distribution</div></a><small>2 years ago</small>","Kenzie from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Press Release Distribution</div></a><small>2 years ago</small>","Dan from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Pro Press Release Distribution</div></a><small>2 years ago</small>","Ezra from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Press Release Distribution</div></a><small>2 years ago</small>","Yan from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Concierge Press Release Distribution</div></a><small>2 years ago</small>","Kenzie from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Press Release Distribution</div></a><small>3 years ago</small>","Alastair from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Press Release Distribution</div></a><small>3 years ago</small>","Ryka from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Pro Press Release Distribution</div></a><small>3 years ago</small>","Kenzie from  ,  just bought <br><a href='/pricing/'><div class='text-primary txt-bold'>Premium Press Release Distribution</div></a><small>3 years ago</small>"]
  function showAlertBoxNow() {
      if (countOfAlerts === alertsArray.length) {countOfAlerts = 0;}
      if(alertDiv.css('opacity') == 0) {
          alertDiv.css("visibility", "visible").animate({bottom:20, opacity:1, visibility: "visible"}, 1500, "easeInQuart");
      }

      alertDiv.find(".container-customer-order").html(alertsArray[countOfAlerts]);
        setTimeout(function () {
          alertDiv.css("visibility", "hidden").animate({bottom:0, opacity:0}, 1500, "easeOutQuart");
          if(countOfAlerts === 0){duration = 5000;}else{duration=45000;}
          countOfAlerts++;
          clearInterval(timeforAlerts);
          timeforAlerts = setInterval(showAlertBoxNow, duration);
      }, 12000);

  }
  timeforAlerts = setInterval(showAlertBoxNow, duration);
  /*End- Main Func*/
  }

});