var strElement;
var albums = new Array();
var tracks = new Array();
var zusatz = new Array();
var termine_old = new Array();
var termine = new Array();
var pics = new Array();
var shop = new Array();
var start;

function showElement(id)
{
	if(document.getElementById("cdBild").style.visibility == "hidden")
	{
		//document.getElementById("radioInfo").style.left = "440px";
		document.getElementById("radioInfo").style.top = "170px";
		//document.getElementById("stopImg").style.left = "417px";
		document.getElementById("stopImg").style.top = "174px";
		//document.getElementById("playImg").style.left = "428px";
		document.getElementById("playImg").style.top = "174px";
	}else{
		//document.getElementById("radioInfo").style.left = "440px";
		document.getElementById("radioInfo").style.top = "254px";
		//document.getElementById("stopImg").style.left = "417px";
		document.getElementById("stopImg").style.top = "258px";
		//document.getElementById("playImg").style.left = "428px";
		document.getElementById("playImg").style.top = "258px";
	}

	if(document.getElementById)
		document.getElementById(id).style.visibility = "visible";
	else if(document.all)
		document.all[''+id].style.visibility = "visible";
	else if(document.layers)
		document.layers[''+id].visibility = "show";
}

function hideElement(id)
{
	for(i = 0; i <= strElement.length - 1; i++)
	{
		if(document.getElementById)
			document.getElementById(strElement[i]).style.visibility = "hidden";
		else if(document.all)
			document.all[''+strElement[i]].style.visibility = "hidden";
		else if(document.layers)
			document.layers[''+strElement[i]].visibility = "hide";
	}
	
}

function changePic(id, pic)
{
	if(document.getElementById)
		document.getElementById(id).src = pic;
	else if(document.all)
		document.all[''+id].src = pic;
	else if(document.layers)
		document.images[''+id].src = pic;
}

function changePicTxt(index)
{
	if(pics[index][1] == "")
		setTxt = "&nbsp;";
	else
		setTxt = pics[index][1];

	if(document.getElementById)
		document.getElementById("picTxt").innerHTML = setTxt;
	else if(document.all)
		document.all[picTxt].innerHTML = setTxt;
	else if(document.layers)
		document.layers[picTxt].innerHTML = setTxt;
}

function changeAlbum(index)
{
	var strHtmlAlbum = "album:&nbsp;";
	var strHtmlTracks = "";
	var strHtmlZusatz = "";
	var strHtmlPlay = "";
	var strOnClick = "";
	var strPlay = "";
	var strLoad = "";
	
	var strDspTrack = ""
	
	var picID = "cdBild";
	
	strHtmlAlbum += albums[index];

	for(i=1; i < tracks[index].length - 1; i++)
	{
		strDspTrack = tracks[index][i].substr(tracks[index][i].lastIndexOf("/") + 1, tracks[index][i].length);
		strDspTrack = strDspTrack.substr(0 , strDspTrack.lastIndexOf("."));
		strHtmlTracks += strDspTrack + "<br>";
		strOnClick_play = "callSong('" + tracks[index][0] + tracks[index][i].replace(/ /g, '_') + "'," + index + "," + i + ")";
		strOnClick_down = "downFile(\"" + tracks[index][i].replace(/ /g, '_') + "\",\"" + tracks[index][0] + "\",\"audio/mpeg\")";
		strPlay = "<img src=\"grafix/play.jpg\" width=6 border=0 alt=\"play\">";
		if(index == 2) {
			strLoad = "";
		}else{
			strLoad = "<img src=\"grafix/load.jpg\" width=6 border=0 alt=\"download\">";
		}
		
		strHtmlPlay += "<a href=\"#\" onClick=" + strOnClick_play + " class=\"links\">" + strPlay + "</a>&nbsp;&nbsp;";
		strHtmlPlay += "<a href=\"#\" onClick=" + strOnClick_down + " class=\"links\">" + strLoad + "</a><br>";
	}
	
	strHtmlZusatz = zusatz[index];
	strHtmlShop = "&price=" + shop[index][1] + "&ship=" + shop[index][2] + "&sell=" + shop[index][3] + "&ind=" + shop[index][4];
	strHtmlOrder = "<a href=\"#\" onClick=\"newWindow('../mail/shopStart.php?album=GRAPH%20" + albums[index] + strHtmlShop + "', 495, 480, 300, 300, 'yes', 'no');\">order</a>";
	
	document.getElementById("album").innerHTML = strHtmlAlbum;
	document.getElementById("tracks").innerHTML = strHtmlTracks;
	document.getElementById("zusatz").innerHTML = strHtmlZusatz;

	/*if(shop[index][0] == "ja")
	{
		document.getElementById("order").innerHTML = ""; //strHtmlOrder;
	}else{
		document.getElementById("order").innerHTML = "";
	}*/
	document.getElementById("play").innerHTML = strHtmlPlay;

	changePic("cdPic", tracks[index][tracks[index].length - 1]);

	document.getElementById("cdPic").border=1;

	if(document.getElementById)
		document.getElementById(picID).border=1;
	else if(document.all)
		document.all[''+picID].border=1;
	else if(document.layers)
		document.images[''+picID].border=1;
}

function setAlbumNav()
{
	var strHtml = '';	
	for(i=0; i<=albums.length-1; i++)
		strHtml += '<a href=\"#\" class=\"txtNormal\" onClick=\"changeAlbum('+i+');\">' + albums[i] + '</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
	
	document.getElementById('albumNav').innerHTML = strHtml;
	handleVisibility("albumNav,cdBild,album,tracks,zusatz,play");
}


function loadPics(fold)
{
	var visElms;
	if(firefox || opera)
		visElms = "picShow,vor,back";
	else
		visElms = "picShow,vor,back";
	
	handleVisibility(visElms);
	
	changePic("picToSee", pics[0][0].src);
	changePicTxt(0);
	//document.getElementById("picToSee").width="473px";
	//document.getElementById("picToSee").height="323px";
	document.getElementById("vor").style.visibility="visible";
	document.getElementById("back").style.visibility="hidden";
	numbPic = 0;
}

function jumpPic(direction)
{
	if(direction == "+")
	{
		numbPic = numbPic + 1;
		changePic("picToSee", pics[numbPic][0].src);
		changePicTxt(numbPic);
		
	}else{
		numbPic = numbPic - 1;
		changePic("picToSee", pics[numbPic][0].src);
		changePicTxt(numbPic);
	}
	if(numbPic == pics.length - 1)
	{
		document.getElementById("vor").style.visibility="hidden";
	}else if(numbPic == 0){
		document.getElementById("back").style.visibility="hidden";
	}else{
		document.getElementById("vor").style.visibility="visible";
		document.getElementById("back").style.visibility="visible";
	}
	return numbPic;
}

function setTermine()
{
	var strSpace = "&nbsp;&nbsp;&nbsp;&nbsp;";
	var strOnMouseDown = "";
	var strOnMouseOut = "onmouseout=\"hideInfo();\"";
	var strHTML_Termine = "next:<br>";
	strHTML_Termine += "<table>";
	for(i=0; i < termine.length; i++)
	{
		strOnMouseDown = "onmousedown=\"showInfo(" + i + ", 'next');\"";
		var strInfo = "";
		if(termine[i][3] != "")
			var strInfo = "<a href=\"#\" " + strOnMouseDown + " " + strOnMouseOut + " class=\"links\">more infos</a>";
		strHTML_Termine += "<tr><td>" + termine[i][0] + strSpace + "</td><td>" + termine[i][1] + strSpace + "</td><td>" + termine[i][2] + strSpace + "</td><td>" + strInfo + strSpace + "</td></tr>";
	}
	strHTML_Termine += "</table><br><br>";
	strHTML_Termine += "past:<br>";
	strHTML_Termine += "<table>";
	for(i=termine_old.length-1; i >= 0; i=i-1)
	{
		strOnMouseDown = "onmousedown=\"showInfo(" + i + ", 'old');\"";
		var strInfo = "";
		if(termine_old[i][3] != "")
			var strInfo = "<a href=\"#\" " + strOnMouseDown + " " + strOnMouseOut + " class=\"links\">more infos</a>";
		strHTML_Termine += "<tr><td>" + termine_old[i][0] + strSpace + "</td><td>" + termine_old[i][1] + strSpace + "</td><td>" + termine_old[i][2] + strSpace + "</td><td>" + strInfo + strSpace + "</td></tr>";
	}
	strHTML_Termine += "</table>";
	document.getElementById("termine").innerHTML = strHTML_Termine;
	handleVisibility("termine");
}

function showInfo(index, which)
{
	getMaus();
	var msg = "";
	if(which == "next"){
		msg = termine[index][3].replace(/#/g, "<br>");
	}else{
		msg = termine_old[index][3].replace(/#/g, "<br>");
	}
	document.getElementById("termineInfo").style.visibility = "visible";
	document.getElementById("termineInfo").innerHTML = msg;
}

function getMaus (Ereignis)
{
	if (!Ereignis)
		Ereignis = window.event;
	document.getElementById("termineInfo").style.top = Ereignis.clientY + "px";
}

function hideInfo()
{
	document.getElementById("termineInfo").style.visibility = "hidden";
}

function handleVisibility(elms)
{
	if(strElement)
		hideElement(strElement);	
	delete strElement;
	var arrElms = elms.split(",");
	for(i=0; i < arrElms.length; i++)
		showElement(arrElms[i]);
	strElement = elms.split(",");

}