// Create cookies to show/hide side navigation sections
if (readCookie('exla_nav_section1') == null) {
  createCookie('exla_nav_section1', 'show', '365');
}
if (readCookie('exla_nav_section2') == null) {
  createCookie('exla_nav_section2', 'show', '365');
}
if (readCookie('exla_nav_section3') == null) {
  createCookie('exla_nav_section3', 'show', '365');
}

var exlaAppNames_cookie = readCookie('exla_app_names');
var formBox = '<div class=\"form-box\">';
var welcomePage = '<div class=\"sidenav\"><img src=\"/images/welcome.gif\" width=\"21px\" height=\"21px\" style=\"float: left\"><a href=\"/cgi-dta/qnn100.mbr/output\">Welcome Page</a></div>';
var logOut = '<div class=\"sidenav\"><img src=\"/images/logout.gif\" style=\"float: left;\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/qnn100.mbr/logout\">Log out</a></div>';
var profileEdit = '<div class=\"sidenav\"><img src=\"/images/myestesprofile_02.gif\" style=\"float: left;\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/ecn100.mbr/input\">Edit My Estes Profile</a></div>';
var prepareToShip = '<strong>Prepare to ship:</strong> ';
var inTransit = '<br /><strong>In transit:</strong> ';
var afterDelivery = '<br /><strong>After delivery:</strong> ';

var pointsLookup = '<div class=\"sidenav\"><img src=\"/images/points.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/PointsInquiry/\">Points Lookup</a><br></div>';
var transitTimeCalculator = '<div class=\"sidenav\"><img src=\"/images/ttc.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/TransitTimeCalculator">Transit Time Calculator</a><br></div>';
var ltlRateQuote = '<div class=\"sidenav\"><img src=\"/images/rate.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/qun100.mbr/input\">LTL Rate Quotation</a><br></div>';
var ltlQuoteHistory = '<div class=\"sidenav\"><img src=\"/images/LTL_History.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/qun200.mbr/displayList\">LTL Rate Quote History</a><br></div>';
var baseRateQuote = '<div class=\"sidenav\"><img src=\"/images/rate.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/qun100.mbr/baseinput\">LTL Rate Inquiry</a><br></div>';
var tlQuoteRequest = '<div class=\"sidenav\"><img src=\"/images/volume_rate.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/RateRequest/request?source=VTL\">Volume/TL Rate Request</a><br></div>';
var tlQuoteHistory = '<div class=\"sidenav\"><img src=\"/images/volume_history.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/tln704.mbr/input\">Volume Quote History</a><br></div>';
var pickupRequest = '<div class=\"sidenav\"><img src=\"/images/pur.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/pkn200.mbr/input\">Pickup Request</a><br></div>';
var pickupHistory = '<div class=\"sidenav\"><img src=\"/images/pur.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/PickupHistory/summary\">Pickup Request History</a><br></div>';
var bol = '<div class=\"sidenav\"><img src=\"/images/bol.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/BLN100.mbr/input\">Bill of Lading</a><br></div>';
var bolTest = '<div class=\"sidenav\"><img src=\"/images/bol.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/ebg10o000.mbr/input\">Bill Of Lading</a><br></div>';
var eaDensityRater = '<div class=\"sidenav\"><img src=\"/images/ea_density_rate.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/eag40o100.mbr/input\">Estes Forwarding Density Rater</a><br></div>';
var eaWaybillEntry = '<div class=\"sidenav\"><img src=\"/images/airwayentry.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/eag10o100.mbr/input\">Estes Forwarding Waybill Entry</a><br></div>';      
var eaWaybillView = '<div class=\"sidenav\"><img src=\"/images/airwayview.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/eag10o101.mbr/input\">Estes Forwarding Waybill Viewing</a><br></div>';
var terminalList = '<div class=\"sidenav\"><img src=\"/images/terminal.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/TerminalList\">Terminal List</a><br></div>';
var formsLibrary = '<div class=\"sidenav\"><img src=\"/images/forms.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/frn100.mbr/input\">Forms Library</a><br></div>';
var shipmentTracking = '<div class=\"sidenav\"><img src=\"/images/tracking.gif\" height=\"21\" width=\"21\"><a href=\"/tools/tracking.htm\">Shipment Tracking</a><br></div>';
var shipmentManifestOld = '<div class=\"sidenav\"><img src=\"/images/manifest.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/edn419c.mbr/input\">Shipment Manifest</a><br></div>';
var shipmentManifest = '<div class=\"sidenav\"><img src=\"/images/manifest.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/ShipmentManifest\">Shipment Manifest</a><br></div>';
var imageView = '<div class=\"sidenav\"><img src=\"/images/images.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/pdn100.mbr/input\">Image Viewing/Faxing</a><br></div>';  
var invoiceInquiry = '<div class=\"sidenav\"><img src=\"/images/invoice.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/InvoiceInquiry/inquire\">Invoice Inquiry</a><br /></div>';
var claimsInquiry = '<div class=\"sidenav\"><img src=\"/images/claims.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/ClaimsInquiry\">Claims Inquiry</a><br></div>';
var guaranteedRequest = '<div class=\"sidenav\"><img src=\"/images/guaranteed.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/gug10o100.mbr/input\">Guaranteed Service Rate Request</a><br></div>';        
var wrViewing = '<div class=\"sidenav\"><img src=\"/images/wrViewing.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/WRViewing\">Weight & Research Inquiry</a><br></div>'; 
var addrBook = '<div class=\"sidenav\"><img src=\"/images/manifest.gif\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/ebg10o101.mbr/select\">Address Book</a><br /></div>';
var claimsFile =    '<div class=\"sidenav\"><img src=\"/images/claims.gif\" height=\"21\" width=\"21\"><a href=\"/WebApp/ClaimsFiling\">Claims Filing</a><br /></div>';
var prepHeader = 0;
var transHeader = 0;
var delHeader = 0;

// Update show/hide cookie for side navigation section
function setNavCookie(cookieName, cookieVal) {
  eraseCookie(cookieName);
  createCookie(cookieName, cookieVal, '365');
} // setNavCookie()

// Show/hide contents of given element ID
function toggle(id_name, img_name, navCookie) {
  // Get element in the document by given ID name
  var elem = document.getElementById(id_name);

  if (elem.style.display == 'none') {
    document[img_name].src="/images/sideNav-down-arrow.gif";
    elem.style.display = 'inline';
    setNavCookie(navCookie, 'show');
  } else {
    document[img_name].src="/images/sideNav-right-arrow.gif";
    elem.style.display = 'none';
    setNavCookie(navCookie, 'hide');
  }
} // toggle()

// Write the "Prepare to Ship" header if it has not been written.
function writePrepHeader() {
  if (prepHeader == 0) {
    document.write(prepareToShip);
    document.write('<a href="#" onClick="toggle(\'prepApps\', \'prepArrow\', \'exla_nav_section1\')"><img name="prepArrow" src="/images/sideNav-down-arrow.gif" /></a><br />');
    document.write('<span id="prepApps">');
    prepHeader = 1;
  }
} // writePrepHeader()

// Write the "In transit" header if it has not been written.
function writeTransHeader() {
  if (transHeader == 0) {
    // Close open <span> tag
    if (prepHeader == 1) {
      document.write('</span>');
    }
    document.write(inTransit);
    document.write('<a href="#" onClick="toggle(\'transApps\', \'transArrow\', \'exla_nav_section2\')"><img name="transArrow" src="/images/sideNav-down-arrow.gif"></a><br />');
    document.write('<span id="transApps">');
    transHeader = 1;
  }
} // writeTransHeader()

// Write the "After delivery" header if it has not been written.
function writeDelHeader() {
  if (delHeader == 0) {
    // Close any open <span> tags
    if ((prepHeader == 1) || (transHeader == 1)) {
      document.write('</span>');
    }
    document.write(afterDelivery);
    document.write('<a href="#" onClick="toggle(\'delApps\', \'delArrow\', \'exla_nav_section3\')"><img name="delArrow" src="/images/sideNav-down-arrow.gif"></a><br />');
    document.write('<span id="delApps">');
    delHeader = 1;
  }
} // writeDelHeader()

// User is logged in
if (exlaAppNames_cookie) {
  // "My Estes" image is not shown on welcome page
  if (location.href.toLowerCase().indexOf("qnn100") == 0) {
    document.write('<div id=\"my-estes-head\" class=\"yellow-column-head\"><img src=\"/images/lock.gif\" alt=\"lock\" class=\"nofloat\" height=\"10\" width=\"6\"> My Estes</div>');
  }
  document.write(formBox);
  document.write(welcomePage);
  document.write(logOut);
  // Show "Edit user profile" option only if allowed
  if (exlaAppNames_cookie.search("ECN100") > 0) {
	  // "Edit user profile" option is only shown on welcome page
    if (location.href.toLowerCase().indexOf("qnn100") > 0) {
      document.write(profileEdit);
    }
  }
  document.write('<br />');

  var exlaAppNames_cookieArray = exlaAppNames_cookie.split(' ');
  for(var i=0; i < exlaAppNames_cookieArray.length; i++) {
    if (exlaAppNames_cookieArray[i] == 'EDN426') {
      writePrepHeader();
      document.write(pointsLookup);
    }
    if (exlaAppNames_cookieArray[i] == 'SDN015') {
      writePrepHeader();
      document.write(transitTimeCalculator);
    }
    if (exlaAppNames_cookieArray[i] == 'QUN100') {
      writePrepHeader();
      document.write(ltlRateQuote);
    }            
    if (exlaAppNames_cookieArray[i] == 'QUN200') {
      writePrepHeader();
      document.write(ltlQuoteHistory);
    }            
    if (exlaAppNames_cookieArray[i] == 'GUG10O100') {
      writePrepHeader();
      document.write(guaranteedRequest);
    }            
    if (exlaAppNames_cookieArray[i] == 'TLN700') {
      writePrepHeader();
      document.write(tlQuoteRequest);
    }            
    if (exlaAppNames_cookieArray[i] == 'TLN704') {
      writePrepHeader();
      document.write(tlQuoteHistory);
    }            
    if (exlaAppNames_cookieArray[i] == 'PKN200') {
      writePrepHeader();
      document.write(pickupRequest);
    }
    if (exlaAppNames_cookieArray[i] == 'PICKUPHIST') {
      writePrepHeader();
      document.write(pickupHistory);
    }
    if (exlaAppNames_cookieArray[i] == 'BLN100') {
      writePrepHeader();
      document.write(bol);
    }            
    if (exlaAppNames_cookieArray[i] == 'EBG10O000') {
      writePrepHeader();
      document.write(bolTest);
    }            
    if (exlaAppNames_cookieArray[i] == 'ADDRBOOK') {
      writePrepHeader();
      document.write(addrBook);
    }
    if (exlaAppNames_cookieArray[i] == 'EAG40O100') {
      writePrepHeader();
      document.write(eaDensityRater);
    }                        
    if (exlaAppNames_cookieArray[i] == 'EAG10O100') {
      writePrepHeader();
      document.write(eaWaybillEntry);
    }            
    if (exlaAppNames_cookieArray[i] == 'EAG10O101') {
      writePrepHeader();
      document.write(eaWaybillView);
    }            
    if (exlaAppNames_cookieArray[i] == 'TMN100') {
      writePrepHeader();
      document.write(terminalList);
    }
    if (exlaAppNames_cookieArray[i] == 'FRN100') {
      writePrepHeader();
      document.write(formsLibrary);
    }

    if (exlaAppNames_cookieArray[i] == 'EDN419') {
      writeTransHeader();
      document.write(shipmentTracking);
    }            
    if (exlaAppNames_cookieArray[i] == 'EDN419C') {
      writeTransHeader();
      document.write(shipmentManifestOld);
    }
    if (exlaAppNames_cookieArray[i] == 'SHIPMAN') {
      writeTransHeader();
      document.write(shipmentManifest);
    }             
    if(exlaAppNames_cookieArray[i] == 'WRVIEWING'){
    	writeTransHeader();
      document.write(wrViewing);
    }
    
    if (exlaAppNames_cookieArray[i] == 'PDN100') {
      writeDelHeader();
      document.write(imageView);
    }            
    if (exlaAppNames_cookieArray[i] == 'ARG10O100') {
      writeDelHeader();
      document.write(invoiceInquiry);
    }    
    if (exlaAppNames_cookieArray[i] == 'CLAIMSFILE') {
      writeDelHeader();
      document.write(claimsFile);
    }             
    if (exlaAppNames_cookieArray[i] == 'CLAIMIN') {
      writeDelHeader();
      document.write(claimsInquiry);
    }           
    
  }  // for...
  // Close any open <span> tags
  if ((prepHeader == 1) || (transHeader == 1) || (delHeader == 1)) {
    document.write('</span>');
  }
  document.write('</div>');  // close form-box div
}
// User is NOT logged in
else {
  document.write('<div id=\"my-estes-head\" class=\"yellow-column-head\">Quick Tools</div>');
  document.write(formBox);
  document.write('<div class=\"sidenav\"><img src=\"/images/login.gif\" style=\"float: left;\" height=\"21\" width=\"21\"><a href=\"/cgi-dta/qnn100.mbr/input\">My Estes Login</a></div><br />');

  // Prepare to ship
  writePrepHeader();
  document.write(pointsLookup);
  document.write(transitTimeCalculator);
  // document.write(ltlRateQuote);
  // document.write(ltlQuoteHistory);
  document.write(baseRateQuote);
  document.write(tlQuoteRequest);
  // document.write(tlQuoteHistory);
  document.write(pickupRequest);
  document.write(pickupHistory);
  // document.write(eaWaybillEntry);
  // document.write(eaWaybillView);          
  document.write(terminalList);          
  document.write(formsLibrary);          

  // In transit
  writeTransHeader();
  document.write(shipmentTracking);          
  document.write(shipmentManifest);  
  document.write(wrViewing);             

  // After delivery
  writeDelHeader();
  document.write(imageView);          
  document.write(invoiceInquiry);   
  document.write(claimsFile);       
  document.write(claimsInquiry);  
  document.write('</span>');
  document.write('</div>');  // close form-box div
}

// Check show/hide cookies for side navigation upon initial display
// All sections are shown by default
if (readCookie('exla_nav_section1') == 'hide') {
  toggle('prepApps', 'prepArrow', 'exla_nav_section1')
}
if (readCookie('exla_nav_section2') == 'hide') {
  toggle('transApps', 'transArrow', 'exla_nav_section2')
}
if (readCookie('exla_nav_section3') == 'hide') {
  toggle('delApps', 'delArrow', 'exla_nav_section3')
}