// calculation
ratio =  layout[W] / 1000;
menu[W] = Math.round(layout[W] * menuwidth);
menu[H] = layout[H] - head[H] - foot[H];
menu[X] = layout[X];
menu[Y] = layout[Y] + head[H];
menu[CX] = Math.round(layout[X] + menu[W] / 2);
menu[CY] = Math.round(layout[Y] + head[H] + menu[H] / 2);
menulogoimg[W] = Math.round(ratio * 143);
menulogoimg[H] = Math.round(ratio * 16);
menucreativeresourceimg[W] = Math.round(ratio * 143);
menucreativeresourceimg[H] = Math.round(ratio * 13);
menurocketimg[W] = Math.round(ratio * 52);
menurocketimg[H] = Math.round(ratio * 111);
menuabslash[W] = Math.round(ratio * 60);
menuabslash[H] = Math.round(ratio * 82);
menuaba[W] = Math.round(ratio * 125);
menuaba[H] = Math.round(ratio * 47);
menuabb[W] = Math.round(ratio * 126);
menuabb[H] = Math.round(ratio * 47);

//preload images
var menuimgs = new Array();
menuimgs[0] = new Image(); menuimgs[0].src = 'images/menurocketattivo.gif';
menuimgs[1] = new Image(); menuimgs[1].src = 'images/menurocketbene.gif';
menuimgs[2] = new Image(); menuimgs[2].src = 'images/menulogoattivo.gif';
menuimgs[3] = new Image(); menuimgs[3].src = 'images/menulogobene.gif';
var menuabimgs = new Array();
menuabimgs[0] = new Image(); menuabimgs[0].src = 'images/menuaba.gif';
menuabimgs[1] = new Image(); menuabimgs[1].src = 'images/menuabaactive.gif';
menuabimgs[2] = new Image(); menuabimgs[2].src = 'images/menuabb.gif';
menuabimgs[3] = new Image(); menuabimgs[3].src = 'images/menuabbactive.gif';

// set menu
setstyle('menu', [
  ['left', menu[X]],
  ['top', menu[Y]],
  ['width', menu[W]],
  ['height', menu[H]]
]);
setstyle('menuline', [
  ['backgroundColor', colorattivo],
  ['left', menu[X] + menu[W] - 1],
  ['top', menu[Y] - 1],
  ['width', 1],
  ['height', menu[H] + 2]
]);
setstyle('menulogoimg', [
  ['width', menulogoimg[W]],
  ['height', menulogoimg[H]]
]);
setstyle('menulogo', [
  ['left', menu[CX] - menulogoimg[W] / 2],
  ['top', menu[CY] - menulogoimg[H]],
  ['width', menulogoimg[W]],
  ['height', menulogoimg[H]]
]);
setstyle('menucreativeresourceimg', [
  ['width', menucreativeresourceimg[W]],
  ['height', menucreativeresourceimg[H]]
]);
setstyle('menucreativeresource', [
  ['left', menu[CX] - menucreativeresourceimg[W] / 2],
  ['top', menu[CY]],
  ['width', menucreativeresourceimg[W]],
  ['height', menucreativeresourceimg[H]]
]);
setstyle('menurocketimg', [
  ['width', menurocketimg[W]],
  ['height', menurocketimg[H]]
]);
setstyle('menurocket', [
  ['left', menu[CX] - menurocketimg[W] / 2],
  ['top', -200],//menu[CY] - menurocketimg[H] - menulogoimg[H] - Math.round(ratio * 19)],
  ['width', menurocketimg[W]],
  ['height', menurocketimg[H]]
]);
setstyle('menuabslashimg', [
  ['width', menuabslash[W]],
  ['height', menuabslash[H]]
]);
setstyle('menuabslash', [
  ['left', menu[CX] - menuabslash[W] / 2],
  ['top', menu[CY] - menuabslash[H] / 2],
  ['width', menuabslash[W]],
  ['height', menuabslash[H]],
  ['visibility', 'visible']
]);
setstyle('menuabaimg', [
  ['width', menuaba[W]],
  ['height', menuaba[H]]
]);
setstyle('menuaba', [
  ['left', menu[CX] - menuabslash[W] / 2 - menuaba[W]],
  ['top', menu[CY] - menuaba[H] / 2],
  ['width', menuaba[W]],
  ['height', menuaba[H]],
  ['visibility', 'visible']
]);
setstyle('menuabbimg', [
  ['width', menuabb[W]],
  ['height', menuaba[H]]
]);
setstyle('menuabb', [
  ['left', menu[CX] + menuabslash[W] / 2],
  ['top', menu[CY] - menuabb[H] / 2],
  ['width', menuabb[W]],
  ['height', menuabb[H]],
  ['visibility', 'visible']
]);
setstyle('menutext', [
  ['overflow', 'auto'],
  ['left', menu[X]],
  ['top', menu[Y]],
  ['width', menu[W] - 1],
  ['height', menu[H]]
]);
setstyle('menutexttblimg0', [
  ['width', Math.round(85 * scale)],
  ['height' , Math.round(50 * scale)]
]);
setstyle('menutexttblimg1', [
  ['width', Math.round(50 * scale)],
  ['height' , Math.round(50 * scale)]
]);

//functions
var menuabrollover = true;
var groundingI = 0;
document.getElementById('headrocket').src = headimgs[3].src;
setstyle('menurocket', [['visibility', 'visible']]);
function menu(action, id) {
  switch(action) {
    case "over":
	  if(id == 'attivo') {
	    document.getElementById('menuabaimg').src = menuabimgs[1].src;
		document.getElementById('menuabbimg').src = menuabimgs[2].src;
		document.getElementById('headlogo').src = headimgs[0].src;
		document.getElementById('headcreativetesources').src = headimgs[2].src;
	  }
	  else {
	    document.getElementById('menuabbimg').src = menuabimgs[3].src;
		document.getElementById('menuabaimg').src = menuabimgs[0].src;
		document.getElementById('headlogo').src = headimgs[1].src;
		document.getElementById('headcreativetesources').src = headimgs[2].src;
	  }
    break;
	case "out":
	  if(menuabrollover) {
	    document.getElementById('headlogo').src = 'images/spacer.gif';
	    document.getElementById('headcreativetesources').src = 'images/spacer.gif';
	  }
	  if(id == 'attivo') {
	    document.getElementById('menuabaimg').src = menuabimgs[0].src;
	  }
	  else {
	    document.getElementById('menuabbimg').src = menuabimgs[2].src;
	  }
	  menu('over', siteid);
    break;
	case "click":
	  menuabrollover = false;
	  setstyle('menuabslash', [['visibility', 'hidden']]);
	  setstyle('menuaba', [['visibility', 'hidden']]);
	  setstyle('menuabb', [['visibility', 'hidden']]);
	  setstyle('menurocket', [['visibility', 'visible']]);
	  document.getElementById('headcreativetesources').src = headimgs[2].src;
	  //grounding
	  track.reverse();
	  groundingI = 0;
	  if(id == 'attivo') {
	    siteid = 'attivo';
	    document.getElementById('headlogo').src = headimgs[0].src;
		document.getElementById('menurocketimg').src = menuimgs[0].src;
		document.getElementById('menulogoimg').src = menuimgs[2].src;
		document.getElementById('footabA').src = 'images/footabAe.gif';
		document.getElementById('footabB').src = 'images/footabBd.gif';
		setbodystyle([
		  ['color', colorattivo],
		  ['scrollbarHighlightColor', colorattivo],
          ['scrollbarShadowColor', colorattivo],
		  ['scrollbarArrowColor', colorattivo]
		]);
		grounding();
	  }
	  else {
	    siteid = 'bene';
	    document.getElementById('headlogo').src = headimgs[1].src;
		document.getElementById('menurocketimg').src = menuimgs[1].src;
		document.getElementById('menulogoimg').src = menuimgs[3].src;
		document.getElementById('footabA').src = 'images/footabAd.gif';
		document.getElementById('footabB').src = 'images/footabBe.gif';
		setbodystyle([
		  ['color', colorbene],
		  ['scrollbarHighlightColor', colorbene],
          ['scrollbarShadowColor', colorbene],
		  ['scrollbarArrowColor', colorbene]
		]);
		grounding();
	  }
    break;
  }
}
var groundet = false;
function grounding() {
  if (autolanding) window.clearTimeout(autolanding);
  if (groundingI < track.length) {
    setstyle('menurocket', [
      ['top', menu[CY] - menurocketimg[H] - menulogoimg[H] - Math.round(ratio * 19) - (track[groundingI] * ratio)]
    ]);
    groundingI++;
	window.setTimeout('grounding()', 100);
  }
  else {
    //document.getElementById('headrocket').src = 'images/spacer.gif';//headimgs[3].src;
	groundet = true;
	setstyle('headrocket', [['visibility', 'hidden']]);
	document.getElementById('headlogo').src = 'images/spacer.gif';
	document.getElementById('headcreativetesources').src = 'images/spacer.gif';
    setstyle('menucreativeresource', [['visibility', 'visible']]);
	setstyle('menulogo', [['visibility', 'visible']]);
	setstyle('footmenu', [['visibility', 'visible']]);  
  }
}