function showElement(elementName) {
  document.getElementById(elementName).style.display="inline";
}
function hideElement(elementName) {
  document.getElementById(elementName).style.display="none";
}

  var new_div, i, j, k;
  var theDoc = document;
  var theBody = theDoc.body;

  i = 1;

  function addLine(f_name, f_num) {
     myDiv = document.getElementById("add_fees");

     new_div = document.createElement("div");
     new_div.className = "new_fee_line2";
     myDiv.insertBefore(new_div, null);

     new_div.setAttribute("id", "new_fee_div" + k);
     new_div.innerHTML = "Fee Name: <input type='text' name='new_fee_name" + k + "' id='new_fee_name" + k + "'> Fee Cost: \$<input type='text' name='new_fee_num" + k + "' id='new_fee_num" + k + "'> <input type='button' value='add' class='add' onclick=\"insertQuote('new_fee_name" + k + "', 'new_fee_num" + k + "', 'new_fee" + k + "'), this.disabled=true\"> <input type='button' value='remove' class='add' onclick=\"removeQuote('add_fees', 'new_fee_div" + k + "'), removeLine('fees_list', 'new_fee" + k + "')\">";
  }

function insertQuote(fn_name, fn_num, fn_id) {
  var fees_list = document.getElementById("fees_list");
  new_fee = document.createElement("div");
  new_fee.setAttribute("id", fn_id);
  fees_list.insertBefore(new_fee, null);
  var fee_name = document.getElementById(fn_name).value;
  var fee_num1 = document.getElementById(fn_num).value;
  var fee_num = r2(fee_num1);
  new_fee.innerHTML = fee_name + ": $" + fee_num;

  fee_name_hidden = document.createElement("input");
  fee_name_hidden.setAttribute("type", "hidden");
  fee_name_hidden.setAttribute("name", "new_fee_name" + k);
  fee_name_hidden.setAttribute("value", fee_name);
  new_fee.insertBefore(fee_name_hidden, null);

  fee_num_hidden = document.createElement("input");
  fee_num_hidden.setAttribute("type", "hidden");
  fee_num_hidden.setAttribute("name", "new_fee_num" + k);
  fee_num_hidden.setAttribute("value", fee_num);
  new_fee.insertBefore(fee_num_hidden, null);

  k++;
}

function editFee(fee_id, fee_cost, auto_fee, hidden_fee) {
  var cost1 = document.getElementById(fee_cost).value;
  var cost = r2(cost1);
  document.getElementById(fee_id).innerHTML = cost;
  document.getElementById(auto_fee).innerHTML = cost;
  document.getElementById(hidden_fee).value = cost;
}

function addQuote(net_cost, ret_cost) {
  var quoteDiv = document.getElementById("add_quotes");
  var loser_id = "new_quote" + j;
  var qty = document.getElementById("add_qty").value;
  var net1 = qty*net_cost;
  var net = r2(net1);
  var ret1 = qty*ret_cost;
  var ret = r2(ret1);
  var per1 = ret_cost;
  var per = r2(per1);

  var new_div = document.createElement("div");
  new_div.className = "new_quote";
  new_div.setAttribute("id", loser_id);
  quoteDiv.insertBefore(new_div, null);

  new_div2 = document.createElement("div");
  new_div2.className = "new_quote_hd";
  new_div.insertBefore(new_div2, null);
  new_div2.innerHTML = "Additional Quantity";

  new_div3 = document.createElement("div");
  new_div3.className = "new_quote_inner";
  new_div3.setAttribute("id", "quantity" + j);
  new_div.insertBefore(new_div3, null);
  new_div3.innerHTML = "QTY: " + qty + "<br />NET: $" + net + "<br />RETAIL: $" + ret;

  new_div4 = document.createElement("div");
  new_div4.setAttribute("id", "quote" + j);
  new_div.insertBefore(new_div4, null);
  new_div4.innerHTML = "<input type='text' value='" + ret + "' name='quote_price" + j + "' id='quote_price" + j + "' class='add' size='8'> <input type='button' class='add' value='Quote this Amount' onclick=\"update_add_quote('quote_price" + j + "', " + qty + ", 'quote_per" + j + "', 'quote_total" + j + "', 'per" + j + "', 'ret" + j + "')\">";

  new_div5 = document.createElement("div");
  new_div5.className = "new_quote_bttn";
  new_div5.setAttribute("id", "remove" + j);
  new_div.insertBefore(new_div5, null);
  new_div5.innerHTML = "<input type='button' value='Remove' class='add' onclick=\"removeQuote('add_quotes', 'new_quote" + j + "'), removeLine('quote_qty', 'quote_qty" + j + "'), removeLine('quote_per', 'quote_per" + j + "'), removeLine('quote_total', 'quote_total" + j + "')\">";

  document.getElementById("no_of_quotes").value=j;

  var quote_qty = document.getElementById("quote_qty");
  new_line = document.createElement("div");
  new_line.setAttribute("id", "quote_qty" + j);
  quote_qty.insertBefore(new_line, null);
  new_line.innerHTML = qty;

  var quote_per = document.getElementById("quote_per");
  new_per = document.createElement("div");
  new_per.setAttribute("id", "quote_per" + j);
  quote_per.insertBefore(new_per, null);
  new_per.innerHTML = "$" + per;

  var quote_total = document.getElementById("quote_total");
  new_total = document.createElement("div");
  new_total.setAttribute("id", "quote_total" + j);
  quote_total.insertBefore(new_total, null);
  new_total.innerHTML = "$" + ret;

  qty_hidden = document.createElement("input");
  qty_hidden.setAttribute("type", "hidden");
  qty_hidden.setAttribute("name", "qty" + j);
  qty_hidden.setAttribute("value", qty);
  quoteDiv.insertBefore(qty_hidden, null);

  per_hidden = document.createElement("input");
  per_hidden.setAttribute("type", "hidden");
  per_hidden.setAttribute("name", "per" + j);
  per_hidden.setAttribute("id", "per" + j);
  per_hidden.setAttribute("value", per);
  quoteDiv.insertBefore(per_hidden, null);

  ret_hidden = document.createElement("input");
  ret_hidden.setAttribute("type", "hidden");
  ret_hidden.setAttribute("name", "ret" + j);
  ret_hidden.setAttribute("id", "ret" + j);
  ret_hidden.setAttribute("value", ret);
  quoteDiv.insertBefore(ret_hidden, null);

  j++

}

function r2(n) {

  ans = n * 1000
  ans = Math.round(ans /10) + ""
  while (ans.length < 3) {ans = "0" + ans}
  len = ans.length
  ans = ans.substring(0,len-2) + "." + ans.substring(len-2,len)
  return ans
}


function removeQuote(parentID, elementID) {
  var parent_id = document.getElementById(elementID);
  while (parent_id.firstChild) {
    parent_id.removeChild(parent_id.firstChild);
}
  var big_parent = document.getElementById(parentID);
  var big_child = document.getElementById(elementID);
  big_parent.removeChild(big_child);
}

function removeLine(parentID, elementID) {
  var parent_id = document.getElementById(elementID);
  while (parent_id.firstChild) {
    parent_id.removeChild(parent_id.firstChild);
}
  var big_parent = document.getElementById(parentID);
  var big_child = document.getElementById(elementID);
  big_parent.removeChild(big_child);
}

function update_base_quote(quantity, hidden_per, hidden_ret) {
  var new_price1 = document.getElementById('base_quote_price').value;
  var new_price = r2(new_price1);
  var new_per1 = new_price/quantity;
  var new_per = r2(new_per1);
  document.getElementById('base_per').innerHTML = "$" + new_per;
  document.getElementById('base_total').innerHTML = "$" + new_price;
  document.getElementById(hidden_per).value = new_per;
  document.getElementById(hidden_ret).value = new_price;
}

function update_add_quote(price_id, quantity, per_div, tot_div, hidden_per, hidden_ret) {
  var new_price1 = document.getElementById(price_id).value;
  var new_price = r2(new_price1);
  var new_per1 = new_price/quantity;
  var new_per = r2(new_per1);
  document.getElementById(per_div).innerHTML = "$" + new_per;
  document.getElementById(tot_div).innerHTML = "$" + new_price;
  document.getElementById(hidden_per).value = new_per;
  document.getElementById(hidden_ret).value = new_price;
}

function categorySelect(selectValue) {
  document.getElementById('cat_title').innerHTML = selectValue;
}

function subcatProduct(prod) {
  if (prod != "none selected") {
   var prod_list = document.getElementById('products_list');
   var hidden = document.getElementById('hidden_info');
   var new_prod = document.createElement("div");
   new_prod.setAttribute("id", "prod" + i);
   new_prod.innerHTML = prod + " <a href=\"javascript:removeLine('products_list', 'prod" + i + "'), removeLine('hidden_info', 'product" + i + "')\"><i>[remove]</i></a>";
   prod_list.insertBefore(new_prod, null);

   var new_input = document.createElement("input");
   new_input.setAttribute("type", "hidden");
   new_input.setAttribute("name", "product" + i);
   new_input.setAttribute("id", "product" + i);
   new_input.setAttribute("value", prod);
   hidden.insertBefore(new_input, null);

   var new_input2 = document.createElement("input");
   new_input2.setAttribute("type", "hidden");
   new_input2.setAttribute("name", "no_of_prods");
   new_input2.setAttribute("id", "no_of_prods");
   new_input2.setAttribute("value", i);
   hidden.insertBefore(new_input2, null);
   i++;
}
}

function priceProduct(prod) {
  if (prod != "none selected") {
   var prod_list = document.getElementById('products_list');
   var hidden = document.getElementById('hidden_info');
   var new_prod = document.createElement("div");
   new_prod.setAttribute("id", "prod" + i);
   new_prod.innerHTML = prod;
   prod_list.insertBefore(new_prod, null);

   var new_input = document.createElement("input");
   new_input.setAttribute("type", "hidden");
   new_input.setAttribute("name", "product" + i);
   new_input.setAttribute("id", "product" + i);
   new_input.setAttribute("value", prod);
   hidden.insertBefore(new_input, null);

   var new_input2 = document.createElement("input");
   new_input2.setAttribute("type", "hidden");
   new_input2.setAttribute("name", "no_of_prods");
   new_input2.setAttribute("id", "no_of_prods");
   new_input2.setAttribute("value", i);
   hidden.insertBefore(new_input2, null);
   i++;
}
}

function getXMLHTTPRequest()
{
var request = false;
try
  {
    request = new XMLHttpRequest();
  }
catch(err1)
  {
  try
    {
    request = new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch(err2)
    {
    try
      {
      request = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(err3)
        {
        request = false;
        }
    }
  }
return request;
}

var xmlhttp = getXMLHTTPRequest();

function callAjax(landing, useScript, addVar, printVar) {
  var serverPage = useScript;
  myRand = parseInt(Math.random()*9999999);
  var modurl = serverPage+"?rand="+myRand+addVar+printVar;
  xmlhttp.open("GET", modurl, true);
  xmlhttp.onreadystatechange = function() {
   if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    document.getElementById(landing).innerHTML = xmlhttp.responseText;
   } else {
  document.getElementById(landing).innerHTML = 'Please Wait....';
  }
}
xmlhttp.send(null);
}

function addQty() {
 document.getElementById('qty1').value="250"; 
 document.getElementById('qty2').value="500";
 document.getElementById('qty3').value="1000";
 document.getElementById('qty4').value="1500";
 document.getElementById('qty5').value="2000";
 document.getElementById('qty6').value="2500";
 document.getElementById('qty7').value="3000";
 document.getElementById('qty8').value="4000";
 document.getElementById('qty9').value="5000";
 document.getElementById('qty10').value="10000";
 for (i=1;i<11;i++) {
 document.getElementById('code' + i).value="P"; }
}

q=2;
function plusQty() {
   var quote_qty = document.getElementById('quote_qty');
   var new_div = document.createElement("div");
   var new_qty = document.createElement("input");
   new_qty.setAttribute("name", "qty" + q);
   new_qty.setAttribute("type", "text");
   new_qty.setAttribute("size", "5");
   new_qty.setAttribute("id", "qty" + q);
   quote_qty.insertBefore(new_div, null);
   new_div.insertBefore(new_qty, null);

   document.getElementById('no_qty_quotes').value=q;
   q++;
}