addEvent( window, 'load', load );
var popID;
var tID;
var flash;
function load() {
inMenu = false;
flash = getNode( "flash" );
body = document.getElementsByTagName( "body" )[0];
last = null;
if( getNode( "nav1" ) == null ) return;
var navigation1 = new MenuP( getNode( "nav1" ));
var navigation2 = new MenuP( getNode( "nav2" ));
var navigation3 = new MenuP( getNode( "nav3" ));
var navigation4 = new MenuP( getNode( "nav4" ));
var navigation5 = new MenuP( getNode( "nav5" ));
var navigation6 = new MenuP( getNode( "nav6" ));
var navigation7 = new MenuP( getNode( "nav7" ));

<!--What is Spyder-->
//navigation1.add( new Menu( "SPYDER X20 PROCESSOR","/what_is_spyder/x20_video_processor.aspx" ) );
//navigation1.add( new Menu( "SPYDER X20 FEATURES", "/what_is_spyder/x20_features.asp" ) );
//navigation1.add( new Menu( "SPYDER X20 MODELS", "/what_is_spyder/available.aspx" ) );
//navigation1.add( new Menu( "", "#") );
navigation1.add( new Menu( "SPYDER PROCESSOR","/what_is_spyder/video_processor.asp" ) );
navigation1.add( new Menu( "SPYDER FEATURES", "/what_is_spyder/features.asp" ) );
navigation1.add( new Menu( "SPYDER MODELS", "/what_is_spyder/available.aspx" ) );
//navigation1.add( new Menu( "", "#") );
navigation1.add( new Menu( "PRODUCT COMPARISONS", "/what_is_spyder/productcomparisons.asp" ) );
navigation1.add( new Menu( "STEREOSCOPIC OPTION", "/what_is_spyder/stereoscopic.asp" ) );
navigation1.create();

<!--Market Solutions-->
navigation2.add( new Menu( "BROADCAST","/market_solutions/broadcast.asp" ) );
navigation2.add( new Menu( "COMMAND & CONTROL","/market_solutions/command_and_control.asp" ) );
navigation2.add( new Menu( "CORPORATE","/market_solutions/corporate.asp" ) );
navigation2.add( new Menu( "ENTERTAINMENT","/market_solutions/entertainment.asp" ) );
navigation2.add( new Menu( "HOUSE OF WORSHIP","/market_solutions/house_of_worship.asp" ) );
navigation2.add( new Menu( "RENTAL & STAGING","/market_solutions/rental_and_staging.asp" ) );
navigation2.add( new Menu( "VISUALIZATION","/market_solutions/visualization.asp" ) );
navigation2.create();

<!--Support-->

navigation3.add( new Menu( "FAQ","/support/faq.asp" ) );
navigation3.add( new Menu( "KNOWLEDGE BASE","/support/knowledge_base.asp" ) );
navigation3.add( new Menu( "LICENSING","/support/productlicensing.aspx" ) );
navigation3.add( new Menu( "TRAINING","/support/training.asp" ) );
navigation3.add( new Menu( "TRAINING VIDEOS", "/TrainingVideos/TrainingVideoBrowser.aspx" ) );
navigation3.add( new Menu( "DOWNLOADS","/support/downloads.asp" ) );
navigation3.add( new Menu( "UPDATE NOTIFICATIONS", "/support/updatenotifications.aspx" ) );
navigation3.add( new Menu( "LEASING","/support/leasing.asp" ) );
navigation3.create( );

<!--News-->
navigation4.add( new Menu( "PRESS RELEASES","/PressReleaseViewer.aspx" ) );
navigation4.add( new Menu( "TRADESHOWS","/news/tradeshows.aspx" ) );
'navigation4.add( new Menu( "ARTICLES & WHITEPAPERS","/news/articles_and_whitepapers.asp" ) );'
navigation4.create( );

<!--About Vista-->
navigation5.add( new Menu( "REQUEST INFORMATION","/contact_us/request_information.aspx" ) );
navigation5.add( new Menu( "WHERE TO BUY","/contact_us/where_to_buy.asp" ) );
navigation5.add( new Menu( "CAREERS","/about_vista/careers.asp" ) );
navigation5.create( );

<!--Contact Us-->
'navigation6.add( new Menu( "REQUEST INFORMATION","/contact_us/request_information.aspx" ) );'
'navigation6.add( new Menu( "WHERE TO BUY","/contact_us/where_to_buy.asp" ) );'
'navigation6.create( );'

<!--What is URS-->
navigation7.add( new Menu( "URS PROCESSOR","/what_is_urs/index.asp" ) );
navigation7.add( new Menu( "URS FEATURES", "/what_is_urs/features.asp" ) );
navigation7.add( new Menu( "URS MODELS", "/what_is_urs/available.asp" ) );
//navigation7.add( new Menu( "", "#") );
navigation7.add( new Menu( "PRODUCT COMPARISONS", "/what_is_spyder/productcomparisons.asp" ) );
navigation7.create();
}

function MenuP ( node ) {
this.node = node;
this.menuItems = new Array();
MenuP.prototype.add = function( menuItem ) {
this.menuItems[ this.menuItems.length ] = menuItem;	
}
MenuP.prototype.create = function( ) {
var dNode = document.createElement( "div" );
dNode.className = "jsMenu";
var str = "_" + this.node.id;
dNode.setAttribute( "id", str );
var w = this.node.offsetWidth;
dNode.style.width = w > 148 ? w+"px" : "148px";
dNode.style.top = ( this.node.offsetTop + this.node.offsetHeight ) + "px";
dNode.style.left = this.node.offsetLeft + "px";
addEvent( this.node, "mouseover", function() { showMenuInTime(str, 150) } );
addEvent( this.node, "mouseout", function() { setInMenu(false) } );
dNode.setAttribute( "pItemID", this.node.id );
addEvent( dNode, "mouseover", function() { setInMenu(true) } );
addEvent( dNode, "mouseout", function() { setInMenu(false) } );
var html = "<ul>";
for( var i=0; i<this.menuItems.length; i++ ) {
	html += this.menuItems[i].getLinkHTML();
}
body.appendChild( dNode );
dNode.innerHTML = html + "</ul>";
}
}
function Menu( value, href ) {
this.value = ( value == null ) ? "" : value;
this.href = ( href == null ) ? "" : href;
if( this.href != "" && typeof useAbsPath != "undefined" )
	if( useAbsPath && this.href.indexOf( "http://" ) == -1 && this.href.indexOf( "https://" ) == -1 )
		this.href = "http://www.opera.com" + this.href;
Menu.prototype.getLinkHTML = function () {
	if( this.value != "" && this.href != "" )
		return "<li><a onclick=\"setInMenu(false); hideMenu(); return true;\" href=\"" + this.href + "\">" + this.value + "</a></li>";
	else if( this.value != "" && this.href == "" )
		return "<li class='heading'>" + this.value + "</li>";
	else
		return "<li class='separator'>&nbsp;</li>";
}
}
function showMenuInTime( node, time ) {
popID = setTimeout( "showMenu('" + node + "')", time );
}
function showMenu( node ) {
clearTimeout( popID );
if( typeof node == "string" )
	node = getNode( node );
if( last != null && last != node )
	hideMenu( last );
else if( last == node ) {
	setInMenu( true );
	return;
}
var pItem = getNode( node.getAttribute( "pItemID" ) );
var menuLeft = 0;
var menuTop = pItem.offsetHeight;
var tmp = pItem;
while(tmp!=null && tmp.tagName!="BODY") {
	if( tmp.tagName == "html:body" ) break;
	
	menuLeft += tmp.offsetLeft;
	//menuTop  += tmp.offsetTop;
	tmp = tmp.offsetParent;
}
node.style.left = menuLeft + "px";
node.style.top = 150+ "px";
var w = pItem.offsetWidth;
node.style.width = w > 148 ? w+"px" : "148px";
node.style.display = "block";	
setInMenu( true );
last = node;
if( flash != null )	flash.style.visibility = "hidden";
tID = setTimeout( "hideMenu( last )", 500 );
}
function hideMenu( node ) {
if( node == null ) {
	setInMenu( false );
	hideMenu( last );
	return;
}
if( typeof node == "string" )
	node = getNode( node );
if( !inMenu ) {
	node.style.display = "none";
	var pItem = getNode( node.getAttribute( "pItemID" ) );
	last = null;
	clearTimeout( tID );
	if( flash != null )	flash.style.visibility = "visible";
} else
	tID = setTimeout( "hideMenu( last )", 500 );	
}
function setInMenu( value ) {
inMenu = value;	
if( !value ) clearTimeout( popID );
}
function addEvent( node, evtType, func ) {
if( node.addEventListener ) {
	node.addEventListener( evtType, func, false );
	return true;
} else if( node.attachEvent )
	return node.attachEvent( "on" + evtType, func );
else
	return false;
}
function getNode( nodeId ) {
if( document.getElementById )
	return document.getElementById( nodeId );
else if( document.all && document.all( nodeId ) )
	return document.all( nodeId );
else if( document.layers && document.layers[ nodeId ] )
	return document.layers[ nodeId ];
else
	return false;
}