function addEvent(o,t,fn){
			if( o.attachEvent ){
			o['e'+t+fn] = fn;
			o[t+fn] = function(){o['e'+t+fn](window.event);};
			o.attachEvent('on'+t, o[t+fn]);
		   }else{
			o.addEventListener(t,fn,false);
		   }
		}
		
		function changeBg(o){
			// get stuff from the classname on this
			
			
			
			
		}
		
		// note, this is only optimised for the multi-rule navigation
		function initSlidingNav(){
			var nav_parent = document.getElementById("top_nav");
			var nav_list = nav_parent.getElementsByTagName("ul")[0];
			var nav_list_els = nav_list.getElementsByTagName("li");
			// nav_list.style.display = "none";
			var nav_table = document.createElement("table");
			var nav_table_tbody = document.createElement("tbody");
			var nav_table_row = document.createElement("tr");
			for( var i = 0 ; i < nav_list_els.length ; i++ ){
				var tmp = nav_list_els[i];
				var tmp_link = tmp.getElementsByTagName("a")[0];
				var tmp_span = tmp_link.getElementsByTagName("span")[0];

				var tmp_cell = document.createElement("td");
				var tmp_cell_span = document.createElement("span");
				var tmp_cell_link = document.createElement("a");
				
				tmp_cell.onmouseover = function(){
					changeBg(this);
				};
				tmp_cell.onmouseout = function(){
					changeBg(this);
				};
				
				tmp_cell.className = tmp.className;
				tmp_cell_link.className = tmp_link.className;
				tmp_cell_link.setAttribute("href", tmp_link.getAttribute("href") );
				
				tmp_cell_span.appendChild( document.createTextNode( tmp_span.firstChild.nodeValue ) );
				tmp_cell_link.appendChild( tmp_cell_span );
				tmp_cell.appendChild( tmp_cell_link );
								
				nav_table_row.appendChild( tmp_cell );
			}
			nav_table_tbody.appendChild( nav_table_row );
			nav_table.appendChild( nav_table_tbody );
			//nav_parent.appendChild( nav_table );
			
			//var boob = document.getElementById("boob");
			//boob.value = nav_table.innerHTML;
			
		}
		
		addEvent(window,"load",initSlidingNav);