/* functions to initialize dropdown menu arrays */

function aLink(name, url){
	this.name = name;
	this.url = url;
}

function setAboutLink(name, url){
	aboutLinks[i++] = new aLink(name, url);
}

function setMusicLink(name, url){
	musicLinks[j++] = new aLink(name, url);
}

function setInteractLink(name, url){
	interactLinks[k++] = new aLink(name, url);
}

/* initializing variables for arrays */

var i = 0;
var j = 0;
var k = 0;

var aboutLinks = new Array();
var musicLinks = new Array();
var interactLinks = new Array();

/* filling arrays */

setAboutLink("history", "history.php");
setAboutLink("the group", "group.php");
setAboutLink("concerts", "concerts.php");
setAboutLink("press", "press.php");
setAboutLink("contact us", "contact.php");

setMusicLink("discography", "disc.php");
setMusicLink("video", "video.php");

setInteractLink("guestbook", "guestbook.php");
setInteractLink("book a gig", "book.php");
setInteractLink("bubshop", "http://www.cafeshops.com/bubshop");

/* function to create menu when clicked */

function aboutMenu(){	
	var newDiv = document.createElement("div");
		newDiv.setAttribute("id", "aboutM");
		newDiv.setAttribute("onmouseover", "cancelTimer();");
		newDiv.setAttribute("onmouseout", "aboutCloseTime();");
	for (var i=0; i < aboutLinks.length; i++){
		var newLink = document.createElement("a");
		newLink.setAttribute("href", aboutLinks[i].url);
		var newText = document.createTextNode(aboutLinks[i].name);
		newLink.appendChild(newText);
		newDiv.appendChild(newLink);
	}
	document.getElementById("about").appendChild(newDiv);
	
	document.getElementById("aboutA").style.color = '#ffffff';
	document.getElementById("aboutA").style.backgroundColor = '#990000';
}

function musicMenu(){
	var newDiv = document.createElement("div");
		newDiv.setAttribute("id", "musicM");
		newDiv.setAttribute("onmouseover", "cancelTimer();");
		newDiv.setAttribute("onmouseout", "musicCloseTime();");
	for (var i=0; i < musicLinks.length; i++){
		var newLink = document.createElement("a");
		newLink.setAttribute("href", musicLinks[i].url);
		var newText = document.createTextNode(musicLinks[i].name);
		newLink.appendChild(newText);
		newDiv.appendChild(newLink);
	}
	document.getElementById("music").appendChild(newDiv);
	document.getElementById("musicA").style.color = '#ffffff';
	document.getElementById("musicA").style.backgroundColor = '#990000';
}

function interactMenu(){
	var newDiv = document.createElement("div");
		newDiv.setAttribute("id", "interactM");
		newDiv.setAttribute("onmouseover", "cancelTimer();");
		newDiv.setAttribute("onmouseout", "interactCloseTime();");
	for (var i=0; i < interactLinks.length; i++){
		var newLink = document.createElement("a");
		newLink.setAttribute("href", interactLinks[i].url);
		var newText = document.createTextNode(interactLinks[i].name);
		newLink.appendChild(newText);
		newLink.innerText = interactLinks[i].name;
		newDiv.appendChild(newLink);
	}
	document.getElementById("interact").appendChild(newDiv);
	document.getElementById("interactA").style.color = '#ffffff';
	document.getElementById("interactA").style.backgroundColor = '#990000';
}

var timer = 0;
var timeout = 500;


function aboutClose(){
	document.getElementById("about").removeChild(document.getElementById("aboutM"));
	document.getElementById("aboutA").style.color = '#000000';
	document.getElementById("aboutA").style.backgroundColor = '#ff9900';
}

function aboutCloseTime(){
	timer = window.setTimeout(aboutClose, timeout);
}

function musicClose(){
	document.getElementById("music").removeChild(document.getElementById("musicM"));
	document.getElementById("musicA").style.color = '#000000';
	document.getElementById("musicA").style.backgroundColor = '#ff9900';
}

function musicCloseTime(){
	timer = window.setTimeout(musicClose, timeout);
}

function interactClose(){
	document.getElementById("interact").removeChild(document.getElementById("interactM"));
	document.getElementById("interactA").style.color = '#000000';
	document.getElementById("interactA").style.backgroundColor = '#ff9900';
}

function interactCloseTime(){
	timer = window.setTimeout(interactClose, timeout);
}

function cancelTimer(){
	if(timer){
		window.clearTimeout(timer);
		timer = null;
	}
}