window.onload = function() {

	if (typeof document.getElementById != "undefined") {
		// element shadows
		var container = document.getElementById('container');
		var nav = document.getElementById('nav');

		var navShadow = document.createElement('div');
		var navShadowTop = document.createElement('div');
		var navShadowBottom = document.createElement('div');
		var navShadowCentre = document.createElement('div');
		
		navShadow.id = 'menuShadow';
		navShadowBottom.className = 'bottom';
		navShadowCentre.className = 'centre';
		navShadowTop.className = 'top';
		
		var navPara = nav.getElementsByTagName('p');


		navShadow.appendChild(navShadowTop);
		navShadow.appendChild(navShadowCentre);
		navShadow.appendChild(navShadowBottom);

		navShadow.style.top = nav.offsetTop + 'px';

		var contentDiv = document.getElementById('content');

		navPara = navPara[0];
		navPara.style.marginTop = (contentDiv.offsetHeight - navPara.offsetHeight) + 'px';

		navShadowCentre.style.height = (nav.offsetHeight - 76) + "px";

		nav.appendChild(navShadow);
		// zebra tables
		var dataTableClassName = 'data'
		var tables = document.getElementsByTagName('table');
		for (var i=0; i<tables.length; i++) {
			if (tables[i].className == dataTableClassName) {
				stripe(tables[i].id, '#e6e6e7', '#dbdcdd');
			}
		}
	}

}