/* =======================  NAVIGATION =============================== */
/* on initialization of page: especially for navigation */		
function initNavigation() {
	var divs = document.getElementsByTagName('div');
	for (var i=0;i<divs.length;i++) {
		if (divs[i].className != 'idle') continue;
		divs[i].onmouseover = navMouseOver;
		divs[i].onmouseout = navMouseOut;
  }
}
// image swap function for users with no flash
function imageSwap(activeMenu, bTarget) {
	if (!document.getElementById('backupbanner')) {
		return false;
	} else {
		var buBanner = document.getElementById('backupbanner');
		var bLink = document.getElementById('bannerlink');
		var bWidth = document.getElementById('backupbanner').getAttribute('width');
		buBanner.src = "/gfx/banner_" + activeMenu + bWidth + ".jpg";
		bLink.href = bTarget;
	}
	bLink.onmouseover = function() {
		freezeMenu(activeMenu);
	}
}

function activateBanner(thisDiv) {
	//alert(thisDiv);
	if(window.bannerswf) { 
		window.document["bannerswf"].SetVariable("mouse_state", 1);
		window.document["bannerswf"].SetVariable("menu_item", thisDiv);
		window.document["bannerswf"].SetVariable("testCase", thisDiv);
		window.document["bannerswf"].SetVariable("clickTAG", "/acties/aegonbank/");
	}
	if(document.bannerswf) {
		document.bannerswf.SetVariable("mouse_state", 1);
		document.bannerswf.SetVariable("menu_item", thisDiv);
		document.bannerswf.SetVariable("testCase", thisDiv);
		document.bannerswf.SetVariable("clickTAG", "/acties/aegonbank/");
	}
}
function deActivateBanner() {
	if(window.bannerswf) { 
		window.document["bannerswf"].SetVariable("testCase", "nothing");
	}
	if(document.bannerswf) {
		document.bannerswf.SetVariable("testCase", "nothing");
	}
}
// called when mouse is on flash movie but we want menu item to remain active
function freezeMenu(currentItem) {
	this.currentItem = document.getElementById(currentItem);
	overState(this.currentItem);
}
// turn off all active menu items
// for mouseover coming off the flash banner onto new menu item)
function turnOffHighlights() {
	document.getElementById('spaBel').className = 'idle';
	document.getElementById('verz').className = 'idle';
	document.getElementById('hypo').className = 'idle';
	document.getElementById('pens').className = 'idle';
}

function overState(currentItem) {
	currentItem.className = 'highlight';
	var y = 0;
	var x = 0;
	var w = 0;
	var h = 0;
	var refY = 0;
	refY += document.getElementById('homenav').offsetTop;	
	
	y += currentItem.offsetTop;
	x += currentItem.offsetLeft;
	w += currentItem.offsetWidth;
	h += currentItem.offsetHeight;
	y = y-5;
	
	  if(IE){
        y += (refY+14);	
        x += 16;	    
    } else if(Safari){
        y += 14;
		    x += 15;
  	}
	document.getElementById('nav_ear').style.top = y + "px";
	document.getElementById('nav_ear').style.left= x + "px";
	document.getElementById('nav_ear').style.width= w + "px";
	}

function navMouseOver(e) {
  //activateBanner(this.id);
  turnOffHighlights();
  overState(this);
  var evt = e || window.event;
  var evtTarget = evt.target || evt.srcElement;
  //imageSwap(this.id, this.getElementsByTagName('a')[0].getAttribute('href'));
}

function navMouseOut(e) {
  deActivateBanner();
  this.className='idle';	
  var evt = e || window.event;
	var evtTarget = evt.target || evt.srcElement;	
	document.getElementById('nav_ear').style.top = "0px";
	document.getElementById('nav_ear').style.left= "-10000px";
}

addEvent(window,"load",initNavigation);