var lastMenu = 0;

function setMask(id, state) {
	if ( state == 1 )
		$('#home-column'+id)[0].style.backgroundImage = 'url(/images/home_columns_mask.png)';
	else
		$('#home-column'+id)[0].style.background = 'none';
}

function showHideMenu(id, state) {
	if ( state == 1 ) {
		var numMenus = $('.submenu').length;
		var menu = $('#ss' + id)[0];
		var opt = $('#menu' + id)[0];
		var corner = $('#menu-corner')[0];
		menu.style.display = 'block';
		corner.style.display = 'block';
		var x = opt.offsetParent.offsetLeft + opt.offsetLeft;
		if ( $.browser.msie && $.browser.version.substr(0,1) < 8 )
			x += opt.offsetParent.offsetParent.offsetLeft;
		if ( id == lastMenu ) 
			x += opt.clientWidth - menu.clientWidth;
		menu.style.left = x + 'px';
		corner.style.left = ( x - corner.clientWidth ) + 'px';
	} else {
		$('#ss'+id)[0].style.display = 'none';
		$('#menu-corner')[0].style.display = 'none';
	}
}

function initMenus() {
  fixMenuSpace();
  var m = $('#main-menu ul')[0];
	for (var i = 0; i < m.childNodes.length; i++ ) {
    var node = m.childNodes[i];
		if ( node.tagName == 'LI' ) {
      var numId = node.id;
      numId = numId.substring(4);
      lastMenu = numId;
      var menu = $('#ss' + numId)[0];
      var opt = $('#menu' + numId)[0];
      //var x = opt.offsetParent.offsetLeft + opt.offsetLeft - menu.offsetWidth + opt.offsetWidth;
      var x = opt.offsetParent.offsetLeft + opt.offsetLeft;
      if ( $.browser.msie && $.browser.version.substr(0,1) < 8 )
        x += opt.offsetParent.offsetParent.offsetLeft;
      menu.style.left = x + 'px';
    }
  }
  var menu2 = $('#ss' + lastMenu)[0];
  var opt2 = $('#menu' + lastMenu)[0];
  menu2.style.left = '-2000px';
  menu2.style.display = 'block';
  var x2 = opt2.offsetParent.offsetLeft + opt2.offsetLeft;
  if ( $.browser.msie && $.browser.version.substr(0,1) < 8 )
    x2 += opt2.offsetParent.offsetParent.offsetLeft;
  x2 += opt2.clientWidth - menu2.clientWidth;
  menu2.style.display = 'none';
  menu2.style.left = x2 + 'px';
}
	
function fixMenuSpace() {
	var m = $('#main-menu ul')[0];
	var totalWidth = 0;
	var countOpt = 0;
	// to know the spacement
	for (var i = 0; i < m.childNodes.length; i++ ) {
		var node = m.childNodes[i];
		if ( node.tagName == 'LI' ) {
			totalWidth += node.clientWidth;
			countOpt++;
		}
	}
	var newSpace = Math.round((m.offsetWidth - totalWidth) / ( countOpt -  1 ));
	var fixSpace = m.offsetWidth - (newSpace*(countOpt -  1) + totalWidth);
	var fix = 1;
	if ( fixSpace < 0 ) {
		fix = -1;
    fixSpace--;
  }
	for (var i = 0; i < m.childNodes.length; i++ ) {
		var node = m.childNodes[i];
		if ( node.tagName == 'LI' ) {
			var space = newSpace;		
			if ( node.className != 'first' ) {
				if ( fixSpace != 0 ) {
					space = space + fix;
					fixSpace -= fix;
				}
				node.style.marginLeft = space + 'px';
			}
		}
	}
}