if (window.addEventListener){
	window.addEventListener("load", initPage, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", initPage);
}

function initPage()
{
	var main = document.getElementById("main");
	var mainWidth = parseInt(main.offsetWidth);
	var subMenuOffset = 0;
	
	// init menu offset
	var menu = document.getElementById("menu");
	if(menu)
	{
		var marginLeft = 3;
		var menuWidth = getListRealWidth(menu, marginLeft); 
		if ( menuWidth < mainWidth ) {
			menu.style.marginLeft = parseInt((mainWidth - menuWidth)/2) + 'px';
			subMenuOffset = parseInt((mainWidth - menuWidth)/2) - marginLeft;
		}
		menu.style.visibility = 'visible';
	}

	// init submenu
	var subnav = document.getElementById("subnav");
	var div = document.getElementById("back");
	if(subnav) {
		if(div) {
			div.style.height = '37px';
		}
		// set offset
		var subWidth = getListRealWidth(subnav, 0); 
		if ( subWidth < (mainWidth-subMenuOffset) ) {
			var offset = parseInt((mainWidth - 2*subMenuOffset - subWidth)/2);
			subnav.style.marginLeft = offset + 'px';
		}
		subnav.style.visibility = 'visible';
	}
	else {
		div.style.height = '18px';
	}
}

function getListRealWidth( ul, liMargin ) {
	var id = ul.id;
	var menuWidth = 0;
	var elems = ul.getElementsByTagName("LI");
	for(var i=0; i<elems.length; i++){
		var elem = elems[i];
		if(elem.parentNode.id && elem.parentNode.id == id) {
			menuWidth += liMargin + parseInt(elem.offsetWidth);
		}
	}
	return menuWidth;
}
		
var tgs = new Array( 'div', 'p', 'li');
var szs = new Array( 'xx-small', '', 'small');
var startSz = 0;

function ts(trgt, inc)
{
	if (!document.getElementById) return;
	var d = document, cEl = null, sz = startSz, i, j, cTags;
	sz = inc;
	if (sz < 0) sz = 0;
	if (sz > 2) sz = 2;
	startSz = sz;
	if (!(cEl = d.getElementById(trgt))) cEl = d.getElementsByTagName(trgt)[0];
	cEl.style.fontSize = szs[sz];
	for ( i = 0 ; i < tgs.length ; i++ )
  {
  cTags = cEl.getElementsByTagName(tgs[i]);
  for ( j = 0 ; j < cTags.length ; j++ ) cTags[j].style.fontSize = szs[sz];
  }
}