/* Import this on any page where you want to do song popups, etc..*/

var popupDiv;
var lastPopupId;
var popupHtml= "";

var songs = {
	carryon : { title: "Carry On/Questions", orig: "Crosby, Stills, Nash, and Young", arranger: "Gareth"},
	whenever: { title: "Whenever, Wherever", orig: "Shakira", arranger: "Caia", solo: "Cynthia"} 
}

var prompts = {
	title: "Title: ",
	orig: "Original Artist: ",
	arranger: "Arranger: ",
	solo: "Solo: "
}


function moreInfo(song, itemClicked)
{
	if(!popupDiv)
	{
		popupDiv = document.getElementById('popup');
		popupContents = document.getElementById('popup-contents');
	}
	if(lastPopupId == song)
	{
		hideMoreInfo();
		return;
	}
	lastPopupId = song;
	var theSong = songs[song];
	
	var popupHtml = "";
	for(var name in theSong)
	{
		popupHtml += prompts[name] + theSong[name] + "<br />";
	}
	popupContents.innerHTML = popupHtml;

	var coordinates = getAnchorPositionForElement(itemClicked);
	popupDiv.style.left= coordinates.x + 40 + "px";
	popupDiv.style.top= coordinates.y + 40 + "px";
	
	popupDiv.style.display='block';
}


function hideMoreInfo()
{
	document.getElementById('popup').style.display='none';
	lastPopupId = "";
}