// Main Navbar Script

var width = screen.width;
var offset = 120;
var yOffset = 120;


/*
Insert image names and path in to Array for the menu
*/

var menuBackGrnd = "navigation/navMenuBack.gif";
var menu = new Array ("navigation/navHome.gif", "navigation/navAbout.gif", "navigation/navNews.gif", "navigation/navGigs.gif", "navigation/navMusic.gif", "navigation/navMedia.gif", "navigation/navLinks.gif", "navigation/navContact.gif");
var menuRoll = new Array("navigation/navHomeRoll.gif", "navigation/navAboutRoll.gif", "navigation/navNewsRoll.gif", "navigation/navGigsRoll.gif", "navigation/navMusicRoll.gif", "navigation/navMediaRoll.gif", "navigation/navLinksRoll.gif", "navigation/navContactRoll.gif");

var xCoord = new Array (40, 83, 122, 155, 200, 243, 290, 325);
var yCoord = new Array (75, 58, 45, 67, 45, 53, 45, 50);

/* 
define lower menu names for the pop up menus here
*/

var lmenu = new Array;
lmenu[0] = new Array("Home");
lmenu[1] = new Array("Biography", "Fact Sheet");
lmenu[2] = new Array("Press Release", "Say'n", "Gig Reveiws");
lmenu[3] = new Array("Gigs");
lmenu[4] = new Array("Album Reviews", "Discography", "Sounds");
lmenu[5] = new Array("Media")
lmenu[6] = new Array("Links");
lmenu[7] = new Array("Contact");

var links = new Array;

links[0] = new Array("index.htm");
links[1] = new Array("aboutBiography.htm", "aboutFactSheet.htm");
links[2] = new Array("newsPressReleases.htm", "newsSaying.htm", "newsGigReviews.htm");
links[3] = new Array("gigs2010.htm");
links[4] = new Array("musicAlbumReviews.htm", "musicDiscography.htm", "musicSounds.htm");
links[5] = new Array("gallery.htm")
links[6] = new Array("links.htm");
links[7] = new Array("contact.htm");

var imageWidth = 100;

var writer =""

writer+= "<div id =" + '"' + "menuBack"  + '"' + "style = " + '"' + " position:absolute; top:"+ yOffset+ "; left:" + offset + "; " + '"' +'>';
writer += "<a name=" + '"'+"menuBackImg"  +'"'  + "><img src="+ '"' + menuBackGrnd + '"' + "></a>"
writer += "</div>"

for ( var i = 0; i < menu.length; i++)
{
	writer += "<div id =" + '"' + "menu" + i + '"' + "style = " + '"' + " position:absolute; top:" +yOffset +"; left:" + (offset + xCoord[i]) + "; " + '"' +'>';
	
	if(lmenu[i].length == 1)
	{
		writer += "<a href=" + '"'+ links[i][0]  +'"' +"onMouseout=" + '"'  + "document.but" + i + ".src='" + menu[i] + "'; " + '"' + "onMouseover=" + '"'  + "document.but" + i + ".src='" + menuRoll[i] + "'; return !showMenuTest(event," + i + ");  " + '"' + "class=" + '"' +"History"+ '"' + "><img src="+ '"' + menu[i] + '"' + " name = " + '"' + "but" + i + '"' + "></a>"
	}
	else
	{
		writer += "<a name=" + '"'+"menus"  +'"' +"onMouseout=" + '"'  + "document.but" + i + ".src='" + menu[i] + "'; " + '"' + "onMouseover=" + '"'  + "document.but" + i + ".src='" + menuRoll[i] + "'; return !showMenuTest(event," + i + ");  " + '"' + "class=" + '"' +"History"+ '"' + "><img src="+ '"' + menu[i] + '"' + " name = " + '"' + "but" + i + '"' + "></a>"
	}
	
	
	writer += "</div>"
}
document.write(writer);
writer ="";
for ( var k = 0; k < menu.length; k++)
{
	writer += "<div id =" + '"' + "lowMenu" + k +'"' + " style = " + '"' + " position:absolute; top:"+ (yOffset+ yCoord[k]) +"; left:" + (offset + xCoord[k] ) + " ; visibility:hidden;" + '"' + "onmouseover=" + '"' +"event.cancelBubble = true;" + '"' +"> <table width = " + '"' + imageWidth + '"' + "bgcolor = " + '"' + "#615C5C" + '"' +  '>';
	if(lmenu[k].length !=1)
	{
		for (var j = 0; j < lmenu[k].length; j++)
		{		
			writer += "<tr> <td onMouseover="+ '"' + "this.style.backgroundColor = '#2c2b2b';" + '"' + " onMouseout =" + '"' + "this.style.backgroundColor = '#615C5C';" + '"' + " ><font  size = " + '"' +'2'+ '"' +"><a href=" + '"'+ links[k][j]  +'"' + "> " + lmenu[k][j] + "</a></font></center></td></tr>";	
		}
	}
	writer += "</table></div>"
}
document.write(writer);

document.onmouseover = hideAllMenusTest;

function hideAllMenusTest()
{
    for(counter = 0; counter < lmenu.length; counter++)
	{
		changeObjectVisibility('lowMenu' + counter, 'hidden');
    }
}

function showMenuTest(eventObj, menuID)
{
	hideAllMenusTest();
	var name = "lowMenu" + menuID
	eventObj.cancelBubble = true;
    
	if(changeObjectVisibility( name , 'visible'))
	{
		return true;
	}
	
	else
	{
		return false;
    }
}

function getStyleObject(objectId)
{
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId))
	{
		// W3C DOM
		return document.getElementById(objectId).style;
    }
	
	else if (document.all && document.all(objectId))
	{
		// MSIE 4 DOM
		return document.all(objectId).style;
    }
	
	else if (document.layers && document.layers[objectId])
	{
		// NN 4 DOM.. note: this won't find nested layers
		return document.layers[objectId];
    }
	
	else
	{
		return false;
    }
} // getStyleObject

function changeObjectVisibility(objectId, newVisibility)
{
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    
	if(styleObject)
	{
		styleObject.visibility = newVisibility;
		return true;
    }
	
	else
	{
		//we couldn't find the object, so we can't change its visibility
		return false;
    }
} // changeObjectVisibility

//-->