/************************************************
NOTES
consider add <link> for cinb css (and possibly even <style> section for 
custom tweaks for cinb) via javascript so that if javascript is disabled, the 
page isn't modified
*************************************************/

history.navigationMode = 'compatible'; // so that jQuery's ready function fires on back button event in Opera
$(document).ready( function() { addCINB(crumbs) } ); 

//////////////////////////////////////////////////////
// FUNCTIONS
//////////////////////////////////////////////////////
/*
INPUT - Object literal, i.e.,
        var crumbs = {'Crumb 1 Link Text' : 'Crumb 1 URL',   'Crumb 2 Link Text' : 'Crumb 2 URL'};
*/
function addCINB(crumbs) {
 // create outer #cinb DIV container
  var cinb = document.createElement('div');
 cinb.setAttribute('id', 'cinb');

  // make an array of breadcrumb trail links
  var crumbLinks = new Array();
  var index = 0;
 for (var linkTxt in crumbs) {
    crumbLinks[index] = '<a href="' + crumbs[linkTxt] + '" target="_top">' + linkTxt + '</a>';
   index++;
  }
 
 // construct breadcrumb HTML and insert into #cinb DIV container and then insert #cinb into page at the top
  var html = '<div><span><a href="http://cimss.ssec.wisc.edu/" target="_top">CIMSS</a> <img src="http://cimss.ssec.wisc.edu/cinb/images/separator.png" class="cinb_sep"> ' + 
            crumbLinks.join('<img src="http://cimss.ssec.wisc.edu/cinb/images/separator.png" class="cinb_sep">') + '</span></div>';
  cinb.innerHTML = html;
 var firstElement = document.body.firstChild;
  document.body.insertBefore(cinb, firstElement);    
}