window.onload=function() {
	if ( document.getElementById ) {
 	  var tabnav = document.getElementById("tabnav");
	  var links = tabnav.getElementsByTagName("a");
          for ( var k in links) {
	     links[k].onclick = function() {
                 var lis = document.getElementById("tabnav").getElementsByTagName("li");
                 for (var z in lis ) {
                    ( ('li' + this.id) == lis[z].id )? lis[z].className='active': lis[z].className='';
 		 }
                 var divs = document.getElementById("heatcontainer").getElementsByTagName("div");
                 for (var y in divs ) { 
                    if ( divs[y].id ) {
                       ( ('heat' + this.id) == divs[y].id )? divs[y].className='display': divs[y].className='';
                    }
                 }
	         return false; 
             }
          }
       }
}