var imageprefix = "http://after-work-live.de/wp-content/themes/after-work-2012/images/";
var uploadprefix = "http://after-work-live.de/wp-content/mediathek/";

var ImageList = new Array();
var i = 0;
ImageList[i++] = imageprefix + "bg.jpg";
ImageList[i++] = imageprefix + "logo.jpg";
ImageList[i++] = imageprefix + "menu.png";

var Images = new Array();

function PreLoadImages()
{
	for (i = 0; i < ImageList.length; i++)
	{
		Images[i] = new Image();
		Images[i].src = ImageList[i];
	}
}

PreLoadImages();

var Downloads = "";

function AddDownload(Text, File, Type)
{
	Downloads += "<tr>";
	Downloads += "<td style='width: 30px; text-align: center; vertical-align: middle; padding: 0px;'>";
	Downloads += "<img src='"+uploadprefix+Type+".png' style='border:none;' />";
	Downloads += "</td>";
	Downloads += "<td><a href='"+uploadprefix+File+"' target='new'>&gt; "+Text+"</a></td>";
	Downloads += "</tr>";
	return Downloads;
}

function WriteDownloads()
{
	var Opening = "<table style='border: none; width: 100%; border-collapse: separate; border-spacing: 10px;'>";
	var Closing = "</table>";
	document.getElementById("downloads").innerHTML = Opening+Downloads+Closing;
}


function WriteMember(Instrument, Name)
{
	var Member ="<table style='width:100%; margin:0px; padding:0px; border:none; border-collapse:separate;'>";
	Member += "<tr>";
	Member += "<td style='vertical-align:top;'>";
	Member += "<strong>" + Instrument + "</strong><br />";
	Member += "<div class='space'></div>";
	Member += "<img src='" + uploadprefix + Name + "01_t.jpg' class='member' onclick='document.getElementById(\"memberimg\").src=\"" + uploadprefix + Name + "01.jpg\";' style='width:100px; height:150px;' /><br />";
	Member += "<img src='" + uploadprefix + Name + "02_t.jpg' class='member' onclick='document.getElementById(\"memberimg\").src=\"" + uploadprefix + Name + "02.jpg\";' style='width:100px; height:150px;' />";
	Member += "<img src='" + uploadprefix + Name + "03_t.jpg' class='member' onclick='document.getElementById(\"memberimg\").src=\"" + uploadprefix + Name + "03.jpg\";' style='width:100px; height:150px;' />";
	Member += "<div class='caption'><a href='../'>&laquo; Zur&uuml;ck zur Band</a></div>";
	Member += "</td>";
	Member += "<td style='text-align:right;'>";
	Member += "<img src='" + uploadprefix + Name + "01.jpg' style='border:none; width:286px; height:429px;' id='memberimg' />";
	Member += "</td>";
	Member += "</tr>";
	Member += "</table>";
	document.getElementById("member").innerHTML = Member;
}

function WriteBrassSection(Name)
{
	var Member ="<table style='width:100%; margin:0px; padding:0px; border:none; border-collapse:separate;'>";
	Member += "<tr>";
	Member += "<td style='vertical-align:top;'>";
	Member += "<strong><div id='instrument'>Unser Bl&auml;sersatz</div></strong><br />";
	Member += "<div class='space'></div>";
	Member += "<img src='" + uploadprefix + "brass_t.jpg' class='member' onclick='document.getElementById(\"memberimg\").src=\"" + uploadprefix + "brass.jpg\"; document.getElementById(\"pagetitle\").innerHTML=\"&gt; Bl&auml;ser\"; document.getElementById(\"instrument\").innerHTML=\"Unser Bl&auml;sersatz\";' style='width:100px; height:150px;' />";
	Member += "<img src='" + uploadprefix + "brass01_t.jpg' class='member' onclick='document.getElementById(\"memberimg\").src=\"" + uploadprefix + "brass01.jpg\"; document.getElementById(\"pagetitle\").innerHTML=\"&gt; Thomas Steffens\"; document.getElementById(\"instrument\").innerHTML=\"Trompete\";' style='width:100px; height:150px;' /><br />";
	Member += "<img src='" + uploadprefix + "brass02_t.jpg' class='member' onclick='document.getElementById(\"memberimg\").src=\"" + uploadprefix + "brass02.jpg\"; document.getElementById(\"pagetitle\").innerHTML=\"&gt; S&ouml;nke Pelzer\"; document.getElementById(\"instrument\").innerHTML=\"Saxophon\";' style='width:100px; height:150px;' />";
	Member += "<img src='" + uploadprefix + "brass03_t.jpg' class='member' onclick='document.getElementById(\"memberimg\").src=\"" + uploadprefix + "brass03.jpg\"; document.getElementById(\"pagetitle\").innerHTML=\"&gt; Thomas Gr&uuml;ne\"; document.getElementById(\"instrument\").innerHTML=\"Posaune\";' style='width:100px; height:150x;' />";
	Member += "<div class='caption'><a href='../'>&laquo; Zur&uuml;ck zur Band</a></div>";
	Member += "</td>";
	Member += "<td style='text-align:right;'>";
	Member += "<img src='" + uploadprefix + "brass.jpg' style='border:none; width:286px; height:429px;' id='memberimg' />";
	Member += "</td>";
	Member += "</tr>";
	Member += "</table>";
	document.getElementById("member").innerHTML = Member;
}