//window.onload = initTables;

function initTables() {


   for (var i=0;i<document.getElementById('contentbox-container').getElementsByTagName('table').length;i++) {
      	  
	    //if (document.getElementsByTagName('table')[i].className) && (document.getElementsByTagName('table')[i].className.match('styled-table'))) {
		
		 stripe(document.getElementById('contentbox-container').getElementsByTagName('table')[i]);
		 
    	//} 
   }

}

function show(obj) {
   document.getElementById("layer-first").style.display		= "none";
   document.getElementById("layer-second").style.display	= "none";
   document.getElementById("layer-last").style.display		= "none";
   if (document.getElementById(obj)) {
      document.getElementById(obj).style.display = "block";
   }
}

function dropdown(obj) {
   resetDropdown();
   if (document.getElementById(obj))
      document.getElementById(obj).style.display = "block";
      document.getElementById("inv").style.display = "block";
}

function resetDropdown(obj) {
   if (obj == "extreme")
      document.getElementById("inv").style.display = "none";
   document.getElementById("dropdown-1").style.display = "none";
   document.getElementById("dropdown-2").style.display = "none";
   document.getElementById("dropdown-3").style.display = "none";
   document.getElementById("dropdown-4").style.display = "none";
}


  // this function is need to work around 
  // a bug in IE related to element attributes
  function hasClass(obj) {
     var result = false;
     if (obj.getAttributeNode("class") != null) {
         result = obj.getAttributeNode("class").value;
     }
     return result;
  }   

 function stripe(id) {
    // the flag we'll use to keep track of 
    // whether the current row is odd or even
    var even = false;
  
    // if arguments are provided to specify the colours
    // of the even & odd rows, then use the them;
    // otherwise use the following defaults:
    var evenColor = arguments[1] ? arguments[1] : "#e5eaee";
    var oddColor = arguments[2] ? arguments[2] : "#f6f6f6";
  
    // obtain a reference to the desired table
    // if no such table exists, abort
    var table = id;
    if (!table) { return; }
    
    // by definition, tables can have more than one tbody
    // element, so we'll have to get the list of child
    // &lt;tbody&gt;s 
    //var tbodies = table.getElementsByTagName("tbody");

    // and iterate through them...
    //for (var h = 0; h < tbodies.length; h++) {
    
     // find all the &lt;tr&gt; elements... 
      var trs = table.getElementsByTagName("tr");
      // ... and iterate through them
      for (var i = 0; i < trs.length; i++) {

	    // avoid rows that have a class attribute
        // or backgroundColor style
	    if (!hasClass(trs[i]) && ! trs[i].style.backgroundColor) {
 
         // get all the cells in this row...
          var tds = trs[i].getElementsByTagName("td");
        
          // and iterate through them...
          for (var j = 0; j < tds.length; j++) {
        
            var mytd = tds[j];

            // avoid cells that have a class attribute
            // or backgroundColor style
	        if (! hasClass(mytd) && ! mytd.style.backgroundColor) {
        
		      mytd.style.backgroundColor = even ? evenColor : oddColor;
              
            }
          }
        }
        // flip from odd to even, or vice-versa
        even = !even;
      }
    //}
  }