// Write files
function writeBand(band, name)
{
	id = unescape(location.search.substring(1));
	page = document.getElementById(name);
	//if (id == "SubMenu")
	//	div = fillDiv_Band....(gigs);
	//else
		div = fillDiv_BandMember(getMemberById(band, id));
	for (var i in div)
		if (div[i] != null)
			page.appendChild(div[i]);
}
function writeFrameDisplay(gigs, songs, members, div_id)
{
	page = new Array();
	for (var i in div_id)
		page[i] = document.getElementById(div_id[i]);
	div = fillDiv_Framedisplay(gigs, songs, members);
	for (var i in div)
		if (div[i] != null)
			page[i].appendChild(div[i]);
}
function writeGig(gigs, name)
{
	id = unescape(location.search.substring(1));
	page = document.getElementById(name);
	if (id == "SubMenu")
		div = fillDiv_GigBasic(gigs);
	else
		div = fillDiv_Gig(getGigById(gigs, id));
	for (var i in div)
		if (div[i] != null)
			page.appendChild(div[i]);
}
function writeGigs_basic(gigs, name)
{
	page = document.getElementById(name);
	div = fillDiv_GigBasic(gigs);
	for (var i in div)
		if (div[i] != null)
			page.appendChild(div[i]);
}
function writeMusic(songs, name)
{
	id = unescape(location.search.substring(1));
	page = document.getElementById(name);
	if (id == "SubMenuSingles")
		div = fillDiv_MusicSingles(songs);
	else if (id == "SubMenuOldies")
		div = fillDiv_MusicOldies(songs);
	else
		div = fillDiv_Music(getSongById(songs, id));
	for (var i in div)
		if (div[i] != null)
			page.appendChild(div[i]);
}
function writeSidebar(gigs, name)
{
	page = document.getElementById(name);
	div = fillDiv_Sidebar(gigs);
	for (var i in div)
		if (div[i] != null)
			page.appendChild(div[i]);
}
// Fill div
function fillDiv_BandMember(member)
{
	divs = new Array(
				getDiv_Title(member.longname),
				getDiv_BandMember(member)
				);
	return divs;
}


function fillDiv_Framedisplay(gigs, songs, members)
{
	divs = new Array(
				getDiv_MenuMainMenu(),
				getDiv_MenuSubMenuHome(),
				getDiv_MenuSubMenuMusic(),
				getDiv_MenuSubMenuGigs(),
				getDiv_MenuSubMenuTheBand(),
				getDiv_MenuSubMenuExtra(),
				getDiv_MenuSubMenuContact(),
				getDiv_MenuGigs(gigs),
				getDiv_MenuHome_Home(),
				getDiv_MenuMusic_Oldies(songs),
				getDiv_MenuMusic_Singles(songs),
				getDiv_MenuBand_History(),
				getDiv_MenuBand_Members(members),
				getDiv_MenuBand_Biography(),
				getDiv_MenuCrew_SpecialCrew(),
				getDiv_MenuCrew_Groupies(),
				getDiv_MenuExtra_Extra(),
				getDiv_MenuContact_Contact()
				);
	return divs;
}
function fillDiv_Gig(gig)
{
	divs = new Array(
				getDiv_GigDetails(gig.details),
				getDiv_GigDescription(gig.description),
				//////getDiv_GoogleMap(gig.googleMap, gig.details.address),
				getDiv_GigPlaylist(gig.playlist),
				getDiv_GigOnStage(gig.onStage),
				getDiv_GigPictures(gig.pictures),
				getDiv_LiveTakes(gig.liveTakes),
				getDiv_GigAffiches(gig.affiches)
				);
	return divs;
}
function fillDiv_GigBasic(gigs)
{
	divs = new Array(
				getDiv_Title('Upcoming Shows'),
				getDiv_AllGigs(gigs)
				);
	return divs;
}
function fillDiv_MusicSingles(songs)
{
	var divs = new Array(
				getDiv_Title('Singles'),
				getDiv_MusicSingles(songs)
				);
	return divs;
}
function fillDiv_MusicOldies(songs)
{
	var divs = new Array(
				getDiv_Title('Oldies'),
				getDiv_MusicOldies(songs)
				);
	return divs;
}
function fillDiv_Music(song)
{
	var divs = new Array(
				getDiv_Title(song.title),
				getDiv_MusicDescription(song.description),
				getDiv_MusicLyrics(song.lyrics),
				getDiv_LiveTakes(song.liveTakes),
				getDiv_MusicInformation(song.members, song.cd, song.date, song.played)
				);
	return divs;
}
function fillDiv_Sidebar(gigs)
{
	var divs = new Array(
				getDiv_SidebarCommercial(),
				getDiv_SidebarShows(gigs)
				);
	return divs;
}

// Get div
function getDiv_GigAffiches(affiches)
{
	var newdiv = null;
	if (affiches != "")
	{
		newdiv = document.createElement("affiches__");
		newdiv.innerHTML = "<h3>Affiches</h3>" + affiches;
	}
	return newdiv;
}
function getDiv_AllGigs(gigs)
{
	var year = "0";
	var text = "";
	var newdiv = document.createElement("AllGigs__");
	var passed = false;
	gigs = sortGigsByDate(gigs);
	for (var i in gigs)
	{
		if (gigs[i].details.date >= new Date())
			text = "<li>" + "<a href=\"Gigs.htm?" + gigs[i].id + "\">" + gigs[i].details.name + " - " + date_To_String(gigs[i].details.date) + "</a></li>" + text;
		else
		{
			if (!passed)
			{
				if (text == "")
					text = "<p>Lost Potential is currently working on new and better material. We will be up stage again very soon!</p>"
				text += "<hr>";
				passed = true;
			}
			if (gigs[i].details.date.getFullYear() != year)
			{
				year = gigs[i].details.date.getFullYear();
				text += "<h3>" + year + "</h3>";
			}
			text += "<li>" + "<a href=\"Gigs.htm?" + gigs[i].id + "\">" + gigs[i].details.name + " - " + date_To_String(gigs[i].details.date) + "</a></li>";
		}
	}
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_BandMember(member)
{
	var newdiv = null;
	newdiv = document.createElement("member__");
	newdiv.innerHTML += "<h3>Home</h3><p>" + member.home + "</p>";
	newdiv.innerHTML += "<h3>Function</h3>";
	for (var i in member.functions)
		newdiv.innerHTML += "<li>" + member.functions[i] + "</li>";
//	newdiv.innerHTML += "<h3>Gear</h3><p>" + member.... + "</p>";
	newdiv.innerHTML += "<h3>Personal Notes</h3><p>" + member.description + "</p>";
	newdiv.innerHTML += member.pictures;
	return newdiv;
}
function getDiv_GigDescription(description)
{
	var newdiv = null;
	if (description != "")
	{
		newdiv = document.createElement("description__");
		newdiv.innerHTML = "<h3>Description</h3>" + description;
	}
	return newdiv;
}
function getDiv_GigDetails(details)
{
	var newdiv = document.createElement("Details__");
	if (details.title != "")
		newdiv.innerHTML += "<h1>" + details.title + "</h1>";
	if (details.date != "")
		newdiv.innerHTML += date_To_String(details.date);
	if (details.hour != "")
		newdiv.innerHTML += "<p>Kick-off: " + details.hour + "</p>";
	if (details.link != "")
	{
		newdiv.innerHTML += "<h3>link</h3>";
		for (var i in details.link)
			newdiv.innerHTML += details.link[i] + "<br>";
	}
	if (details.address != "")
		newdiv.innerHTML += "<h3>Address</h3>" + details.address;
	return newdiv;
}
function getDiv_GigOnStage(onStage)
{
	var newdiv = null;
	if (onStage != "")
	{
		newdiv = document.createElement("onStage__");
		newdiv.innerHTML = "<h3>OnStage</h3>" + onStage;
	}
	return newdiv;
}
function getDiv_GigPictures(pictures)
{
	var newdiv = null;
	if (pictures != "")
	{
		newdiv = document.createElement("pictures__");
		newdiv.innerHTML = "<h3>Pictures</h3>" + pictures;
	}
	return newdiv;
}
function getDiv_GigPlaylist(playlist)
{
	var newdiv = null;
	if (playlist != "")
	{
		newdiv = document.createElement("playlist__");
		newdiv.innerHTML = "<h3>Playlist</h3>" + playlist;
	}
	return newdiv;
}
function getDiv_MenuMainMenu()
{
	var newdiv = document.createElement("MenuMainMenu__");
	var text = "";
	text += "<table width=\"100%\">";
	text += "<td><p class=\"menu\" onClick=\"ShowSubMenu('SubHome');ShowSubSubMenu()\"><a href=\"Home/Home.htm\">Home</a></p></td>";
	text += "<td><p class=\"menu\" onClick=\"ShowSubMenu('SubMusic');ShowSubSubMenu('SubSubSingles')\"><a href=\"Music.htm?SubMenuSingles\">Music</a></p></td>";
	text += "<td><p class=\"menu\" onClick=\"ShowSubMenu('SubGigs');ShowSubSubMenu('SubSubGigs')\"><a href=\"Gigs.htm?SubMenu\">Showtime</a></p></td>";
	text += "<td><p class=\"menu\" onClick=\"ShowSubMenu('SubTheBand');ShowSubSubMenu('SubSubMembers')\"><a href=\"The Band/Members.htm\">The Band</a></p></td>";
	text += "<td><p class=\"menu\" onClick=\"ShowSubMenu('SubExtra');ShowSubSubMenu('SubSubExtra')\"><a href=\"Extra/Extra.htm\">Extra</a></p></td>";
	text += "<td><p class=\"menu\" onClick=\"ShowSubMenu('SubContact');ShowSubSubMenu('SubSubContact')\"><a href=\"Contact/Contact.htm\">Contact Us</a></p></td>";
	text += "</table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuSubMenuHome()
{
	var newdiv = document.createElement("MenuSubMenuHome__");
	var text = "";
	text += "<table width=\"100%\">";
	text += "<th width=\"80px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubHome')\" href=\"Home/Home.htm\">Home</a></th>";
	text += "<th></th></table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuSubMenuMusic()
{
	var newdiv = document.createElement("MenuSubMenuMusic__");
	var text = "";
	text += "<table width=\"100%\">";
	text += "<th width=\"100px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubSingles')\" href=\"Music.htm?SubMenuSingles\">Singles</a></th>";
	text += "<th width=\"100px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubOldies')\" href=\"Music.htm?SubMenuOldies\">Oldies</a></th>";
	text += "<th></th></table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuSubMenuGigs()
{
	var newdiv = document.createElement("MenuSubMenuGigs__");
	var text = "";
	text += "<table width=\"80%\">";
	text += "<th width=\"80px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubGigs')\" href=\"Gigs.htm?SubMenu\">Gigs</a></th>";
	text += "<th></th></table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuSubMenuTheBand()
{
	var newdiv = document.createElement("MenuSubMenuTheBand__");
	var text = "";

	text += "<table width=\"100%\">";
	text += "<th width=\"90px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubHistory')\" href=\"The Band/History.htm\">History</a></th>";
	text += "<th width=\"110px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubMembers')\" href=\"The Band/Members.htm\">Members</a></th>";
	text += "<th width=\"120\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubBiography')\" href=\"The Band/Biography.htm\">Biography</a></th>";
	text += "<th></th></table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuSubMenuExtra()
{
	var newdiv = document.createElement("MenuSubMenuExtra__");
	var text = "";
	text += "<table width=\"100%\">";
	text += "<th width=\"160px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubSpecialCrew')\" href=\"Extra/Special Crew.htm\">Special Crew</a></th>";
	text += "<th width=\"120\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubGroupies')\" href=\"Extra/Groupies.htm\">Groupies</a></th>";
	text += "<th width=\"100px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubExtra')\" href=\"Extra/Extra.htm\">Extra's</a></th>";
	text += "<th></th></table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuSubMenuContact()
{
	var newdiv = document.createElement("MenuSubMenuContact__");
	var text = "";
	text += "<table width=\"100%\">";
	text += "<th width=\"100px\" scope=\"col\"><a class=\"subMenu\" onClick=\"ShowSubSubMenu('SubSubContact'\" href=\"Contact/Contact.htm\">Contact</a></th>";
	text += "<th></th></table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuHome_Home()
{
	var newdiv = document.createElement("SubSubMenuHomeHome__");
	var text = "";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuMusic_Singles(songs)
{
	var newdiv = document.createElement("SubSubMenuMusicSingles__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"Music.htm?SubMenuSingles\">Singles</a></p>";
	for (var i in songs)
		if (songs[i].kind == "Singles")
			text += "<p><a class=\"subSubMenu\" href=\"Music.htm?" + songs[i].title + "\">" + songs[i].title + "</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuMusic_Oldies(songs)
{
	var newdiv = document.createElement("SubSubMenuMusicOldies__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"Music.htm?SubMenuOldies\">Oldies</a></p>";
	for (var i in songs)
		if (songs[i].kind == "Oldies")
			text += "<p><a class=\"subSubMenu\" href=\"Music.htm?" + songs[i].title + "\">" + songs[i].title + "</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuGigs(gigs)
{
	var newdiv = document.createElement("SubSubMenuGigs__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"Gigs.htm?SubMenu\">Gigs</a></p>";
	gigs = sortGigsByDate(gigs);
	for (var i in gigs)
		text += "<p><a class=\"subSubMenu\" href=\"Gigs.htm?" + gigs[i].id + "\">" + gigs[i].details.title + "</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuBand_History()
{
	var newdiv = document.createElement("SubSubMenuBandHistory__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"The Band/History.htm\">History</a></p>";
	text += "<p><a class=\"subSubMenu\" href=\"The Band/History/David Verstraeten.htm\">David</a></p>";
	text += "<p><a class=\"subSubMenu\" href=\"The Band/History/Kendy Rombouts.htm\">Kendy</a></p>";
	text += "<p><a class=\"subSubMenu\" href=\"The Band/History/Roxanne Rosseel.htm\">Roxanne</a></p>";
	text += "<p><a class=\"subSubMenu\" href=\"The Band/History/Kenneth Kerckhofs.htm\">Kenneth</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuBand_Members(members)
{
	var newdiv = document.createElement("SubSubMenuBandMembers__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"The Band/Members.htm\">Members</a></p>";
	for (var i in members)
		text += "<p><a class=\"subSubMenu\" href=\"Band.htm?" + members[i].name + "\">" + members[i].shortname + "</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuBand_Biography()
{
	var newdiv = document.createElement("SubSubMenuBandBiography__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"The Band/Biography.htm\">Biography</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuCrew_SpecialCrew()
{
	var newdiv = document.createElement("SubSubMenuCrewSpecialCrew__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"Extra/Special Crew.htm\">Special Crew</a></p>";
	text += "<!--<p><a class=\"subSubMenu\" href=\"Extra/Special Crew/Jeroen.htm\">Roadie (Jeroen) (n.a.)</a></p>-->";
	text += "<!--<p><a class=\"subSubMenu\" href=\"Extra/Special Crew/Nils.htm\">Cable-Guy (Nils (n.a.))</a></p>-->";
	text += "<p><a class=\"subSubMenu\" href=\"Extra/Special Crew/Mister Lost Potential Bier-drinker-koning-man.htm\">Mister Lost Potential Bierdrinker Koning Man</a></p>";
	text += "<p><a class=\"subSubMenu\" href=\"Extra/Special Crew/Pimp-My-Drums.htm\">Pimp-My-Drums</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuCrew_Groupies()
{
	var newdiv = document.createElement("SubSubMenuCrewGroupies__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"Extra/Groupies.htm\">Groupies</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuExtra_Extra()
{
	var newdiv = document.createElement("SubSubMenuExtraExtra__");
	var text = "";
	text += "<p><a class=\"subMenu\" href=\"Extra/Extra.htm\">Extra's</a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MenuContact_Contact()
{
	var newdiv = document.createElement("SubSubMenuContactContact__");
	var text = "";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MusicDescription(description)
{
	var newdiv = document.createElement("MusicDescription__");
	text = "<table width=\"100%\"><td><h3>Description</h3>";
	text += "<p>" + description + "</p>";
	text += "</td><td>";
	//text += <img src=\"First Thoughts - FrontPicture.jpg\" width=\"200\">";
	text += "</td></table>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MusicInformation(members, cd, date, played)
{
	var newdiv = document.createElement("MusicInformation__");
	text = "<h3>Information</h3>";
	text += "<p class=\"commentText\">";
	text += "Date: " + date_To_String(date) + "<br>CD: " + cd + "<br>";
	text += "Current Members:<br>";
	if (members.length == 0)
		text += "<li><a href=\"../../The Band/Members/Dave Verbaeten.htm\">Dave Verbaeten</a></li><li><a href=\"../../The Band/History/David Verstraeten.htm\">David Verstraeten</a></li><li><a href=\"../../The Band/Members/Jan Speybrouck.htm\">Jan Speybrouck</a></li><li><a href=\"../../The Band/Members/Jenthe Govaerts.htm\">Jenthe Govaerts</a></li>";
	else
		for (var i in members)
		{
			var name = members[i];
			if (name == "Dave Verbaeten" || name == "Jan Speybrouck" || name == "Jenthe Govaerts" || name == "Judith Eulaers" || name == "Karl Vermeulen")
				text += "<li><a href=\"Band.htm?" + members[i] + "\"target='_self'>" + members[i] + "</a></li>";
			else
				text += "<li><a href=\"The Band/History/" + members[i] + ".htm\"target='_self'>" + members[i] + "</a></li>";
		}
	text += "<p class=\"commentText\">Played on:<br>";
	for (var i in played)
		text += "<li><a href=\"Gigs.htm?" + played[i].id + "\"target='_self'>" + played[i].details.title + "</a></li>";
	text += "<p style=\"text-align:right\">Composed by: &copy;Lost Potential</p>"
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MusicLyrics(lyrics)
{
	var newdiv = document.createElement("MusicLyrics__");
	text = "<h3>Lyrics</h3>" + "<p class=\"Lyrics\">";
	text += lyrics;
	text += "</p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MusicOldies(songs)
{
	var newdiv = document.createElement("MusicOldies__");
	text = "<p>Lost Potential started as a totally new band with an experience level equal to zero. Since our last formation, the sound from Lost Potential has found a direction. Our first songs written in the elder times have an other sound than these from nowadays; They don't fit anymore. We've discarded them but they're not yet forgotten.<p/>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_MusicSingles(songs)
{
	var newdiv = document.createElement("MusicSingles__");
	var text = "";
	text += "<p>Lost Potential is a band that writes it's own music, not another coverband!</p>"
	text += "<p>You can already listen to some songs of our first demo 'First Thoughts' here, or our <a href=\"http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&amp;friendID=161635417\" target=\"_blank\">myspace</a>. These are the first songs we've made. We hope you like them!</p>";
	text += "<p>At this very moment, we are busy recording new and better songs, but it will take a while before they are finished.</p>";
	text += "<img src=\"Pictures/CD - First Thoughts - FrontPicture.jpg\" width=\"250\">";
	text += "<img src=\"Pictures/CD - First Thoughts - BackPicture.jpg\" width=\"250\">";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_SidebarCommercial()
{
	var newdiv = document.createElement("Commercial__");
	var text = "";
	text += "<p><a href=\"FrameDisplay.htm\" target=\"Display\"><img src=\"Outlook/Logo.jpg\" alt=\"Lost Potential Logo\" width=\"120\"></a></p>";
	text += "<p><a href=\"http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=161635417\"><img src=\"Outlook/MySpace.jpg\" width=\"120\" alt=\"Visit our MySpace!\"></a></p>";
	newdiv.innerHTML = text;
	return newdiv;
}
function getDiv_SidebarShows(gigs)
{
	var count = 0;
	var newdiv = document.createElement("Shows__");
	var text = "<h1>Shows</h1><marquee height=\"400\" behavior=\"slide\" direction=\"up\" scrollamount=\"3\" scrolldelay=\"1\">";
	gigs = sortGigsByDate(gigs);
	for (var i in gigs)
		if (gigs[i].details.date >= new Date())
			if (count <= 4)
			{
				text += "<p class=\"headText\"><a>" + gigs[i].details.title + "</a><BR></p>";
				text += "<p class=\"inlineText\"><a>" + date_To_String(gigs[i].details.date) + "</a><BR></p>";
				count++;
			}
			else if (count == 5)
				text += "<br><p>...and more...</p>";
	text += "</marquee>";
	newdiv.innerHTML = text;
	return newdiv;
}

function getDiv_LiveTakes(liveTakes)
{
	var newdiv = null;
	if (liveTakes != "")
	{
		newdiv = document.createElement("liveTakes__");
		newdiv.innerHTML = "<h3>LiveTakes</h3>" + liveTakes;
	}
	return newdiv;
}
function getDiv_Title(title)
{
	var newdiv = null;
	if (title != "")
	{
		newdiv = document.createElement("Title__");
		newdiv.innerHTML += "<h1>" + title + "</h1>";
	}
	return newdiv;
}