var newsUp = new Image();
var newsOver = new Image();
var newsDown = new Image();
var passUp = new Image();
var passOver = new Image();
var passDown = new Image();
var contactUp = new Image();
var contactOver = new Image();
var contactDown = new Image();
var merchUp = new Image();
var merchOver = new Image();
var merchDown = new Image();

newsUp.src="NavBarBtInNewsUp.png";
newsOver.src="NavBarBtInNewsOver.png";
newsDown.src="NavBarBtInNewsDown.png";
passUp.src="NavBarBtPassUp.png";
passOver.src="NavBarBtPassOver.png";
passDown.src="NavBarBtPassDown.png";
contactUp.src="NavBarBtContactUp.png";
contactOver.src="NavBarBtContactOver.png";
contactDown.src="NavBarBtContactDown.png";
merchUp.src="NavBarBtMerchUp.png";
merchOver.src="NavBarBtMerchOver.png";
merchDown.src="NavBarBtMerchDown.png";

function movNavBarOpen()
{
	document.getElementById('sideNavBar').style.left = "0px";
}

function movNavBarClose()
{
	document.getElementById('sideNavBar').style.left = "-140px";
}

function goHome()
{
	window.location.href="welcome.html";
}

function goBackStage()
{
	window.location.href="backStagePass.html";
}

function goContactBand()
{
	window.location.href="contactTheBand.html";
}

function goBuyMerch()
{
	window.location.href="merch.html";
}

function displayNavBar()
{
	document.write("<div id='sideNavBar' class='sideNavBar' onMouseOver='movNavBarOpen();' onMouseOut='movNavBarClose();'><img id='navBarButton' class='navBarButton'  onclick='goHome();' src='NavBarBtInNewsUp.png' onMouseOver='this.src=newsOver.src;' onMouseOut='this.src=newsUp.src;' onMouseDown='this.src=newsDown.src;'/>"+"</br>"+"<img id='navBarButton' class='navBarButton' onClick='goBackStage()' src='NavBarBtPassUp.png' onMouseOver='this.src=passOver.src;' onMouseOut='this.src=passUp.src;' onMouseDown='this.src=passDown.src;'/>"+"</br>"+"<img id='navBarButton' class='navBarButton' onClick='goContactBand()' src='NavBarBtContactUp.png' onMouseOver='this.src=contactOver.src;' onMouseOut='this.src=contactUp.src;' onMouseDown='this.src=contactDown.src;'/>"+"</br>"+"<img id='navBarButton' class='navBarButton' onClick='goBuyMerch()' src='NavBarBtMerchUp.png' onMouseOver='this.src=merchOver.src;' onMouseOut='this.src=merchUp.src;' onMouseDown='this.src=merchDown.src;'/></div>");
}
displayNavBar();