var browser, mouseover = false, timeout, nr = -1, photonr = 0;

window.onload = function()
{
	browser = (navigator.appVersion.indexOf('MSIE 6.0') != -1) ? 1 : 0;
	var submenus = document.getElementsByName('submenu');
	var photos360 = document.getElementsByName('photo360');

	for (var i=0;i<submenus.length;i++)
	{
		initsubmenu(submenus[i]);
		submenus[i].nr = i;
		submenus[i].onmouseover = function() {if (this.nextSibling.style.visibility == 'visible') clearTimeout(timeout); else if (nr != this.nr) {if (nr >= 0) submenus[nr].nextSibling.style.visibility = 'hidden'; this.nextSibling.style.visibility = 'visible'; nr = this.nr} else {this.nextSibling.style.visibility = 'visible'; nr = this.nr}}
		submenus[i].onmouseout = function() {hidesubmenu(this.nextSibling)}
		submenus[i].nextSibling.onmouseover = function() {mouseover = true;}
		submenus[i].nextSibling.onmouseout = function() {mouseover = false; hidesubmenu(this);}
	}
	
	for (var i=0;i<photos360.length;i++)
	{
		if (i == 0) photos360[0].id = 'deg360selected';
		photos360[i].photonr = i;
		photos360[i].onclick = function() {photos360[photonr].id = ''; this.id = 'deg360selected'; photonr = this.photonr}
	}
}

function initsubmenu(submenu)
{
	submenu.nextSibling.style.left = submenu.parentNode.offsetLeft + 'px';
	submenu.nextSibling.style.width = (submenu.nextSibling.offsetWidth%2) ? (submenu.nextSibling.offsetWidth+21) + 'px' : (submenu.nextSibling.offsetWidth+20) + 'px';
	submenu.nextSibling.style.height = (submenu.nextSibling.offsetHeight%2) ? (submenu.nextSibling.offsetHeight+1) + 'px' : submenu.nextSibling.offsetHeight + 'px';
	if (browser)
	{
		var iFrame = document.createElement('IFRAME');
		iFrame.className = 'SUBMENUFIX';
		iFrame.frameBorder = 0;
		iFrame.scrolling = 'no';
		submenu.nextSibling.appendChild(iFrame);
	}
}

function hidesubmenu(menuitem) 
{
	if (timeout) clearTimeout(timeout);
	timeout = setTimeout(function() {if (mouseover) return; else menuitem.style.visibility = 'hidden'}, 300)
}