bilderoben = new Array("img/Home_Bild_illu.jpg", "img/Home_Bild_illu_hi.jpg", "img/Home_Bild_illu_lo.jpg");
bilderunten = new Array("img/Home_Bild_grafik.jpg", "img/Home_Bild_grafik_hi.jpg", "img/Home_Bild_grafik_lo.jpg");
var voll = "img/vierfull.png";
var leer = "img/vierempty.png"
var x = 0;
pos = new Array("0px", "-379px", "-756px", "-1132px")
var tblAnfang = "<table class='mtbl' cellpadding='0' cellspacing='0' border='0'><colgroup><col width='15px' /><col width='200px' /></colgroup>";
var tblEnde="</table>";
var tblsp1 = "<tr><td class='msp1'>";
var tblsp2 = "</td><td class='msp2'>";
var tblspEnde="</td></tr>";


function gopage(welche){ 
	var target ="";
	switch (welche){
		case 0: 
			target = "index.html";
			break;
		case 1:
			target = "grafik.html";
			break;
		case 2:
			target = "Illustration.html";
			break;
		case 3:
			target = "impr.html";
			break;
case 4:
			target = "pers.html";
			break;
case 5:
			target = "plus.html";
			break;
case 6:
			target = "post.html";
			break;

		
	}
window.location = target;
}

function highlight(welches){
	var oben = document.getElementById("mainbildoben");
	var unten = document.getElementById("mainbildunten");
	switch (welches){
		case 1:
			oben.style.backgroundImage = "url(" + bilderoben[1] +")";
			unten.style.backgroundImage = "url(" + bilderunten[2] +")";
		break;
		case 2:
			oben.style.backgroundImage = "url(" + bilderoben[2] +")";
			unten.style.backgroundImage = "url(" + bilderunten[1] +")";

		break;
		default:
			oben.style.backgroundImage = "url(" + bilderoben[0] +")";
			unten.style.backgroundImage = "url(" + bilderunten[0] +")";

		break;
	}
}


function repl(rein){
	var raus = tblAnfang + rein.replace(/--1--/g, tblsp1)+tblEnde;	
	raus = raus.replace(/--2--/g, tblsp2);
	raus = raus.replace(/--3--/g, tblspEnde);
	return raus;
}

function seitenwechsel(vari)
{
	var proceed = true;
	var leeresBild = "img/quadrat.jpg";
	if (vari == -1 && document.images.PM1.src == leeresBild) {proceed=false;}
	if (vari == 1 && document.images.PP1.src == leeresBild) {proceed=false;}
	if (vari == 2 && document.images.PP2.src == leeresBild) {proceed=false;}
	if (proceed == true){
	var aktuelleSeite = parseInt(document.getElementById("aktuelleSeite").value);
	aktuelleSeite = aktuelleSeite + vari;
	if ( aktuelleSeite >= 0)
		{document.getElementById("aktuelleSeite").value = aktuelleSeite;
			leseAktuelleSeite();}
	}
}
function leseAktuelleSeite()
{
	var aktuelleSeite = parseInt(document.getElementById("aktuelleSeite").value);
	var Seite = Seiten[aktuelleSeite];
	document.images.PM1.src =Seite[2];
	document.images.PP1.src = Seite[3];
	document.images.PP2.src = Seite[4];
	document.getElementById("contbild").style.backgroundImage = "url(" + Seite[0] +")";
	resetBilderIcons(Seite[1]);
	
}
function resetBilderIcons(anz)
{
	var bildakt = 0;
	var bild1 = document.getElementById("img1");
	var bild2 = document.getElementById("img2");
	var bild3 = document.getElementById("img3");
	var bild4 = document.getElementById("img4");
	
	
	if (anz < 4 ){bild1.style.visibility="hidden";}else{bild1.style.visibility="visible";}
	if (anz < 3 ){bild2.style.visibility="hidden";}else{bild2.style.visibility="visible";}
	if (anz < 2 ){bild3.style.visibility="hidden";}else{bild3.style.visibility="visible";}
	if (anz == 4 ){bildakt=1;}	
	if (anz == 3 ){bildakt=2;}
	if (anz == 2 ){bildakt=3;}
	if (anz == 1 ){bildakt=4;}
	leseAktuellesBild(bildakt);
}

function leseAktuellesBild(welches)
{
	var aktuelleSeite = parseInt(document.getElementById("aktuelleSeite").value);
	var Seite = Seiten[aktuelleSeite];
	document.images.img1.src = leer;
	document.images.img2.src = leer;
	document.images.img3.src = leer;
	document.images.img4.src = leer;
	switch (welches) {
		case 1:
			document.images.img1.src = voll;
			
			break;
			
		case 2:
			document.images.img2.src = voll;
			break;
			
		case 3:
			document.images.img3.src = voll;
			break;
			
		case 4:
			document.images.img4.src = voll;
			break;
	}
	document.getElementById("contbild").style.backgroundPosition=pos[welches-1];
	document.getElementById("txtsp3").innerHTML = repl(Seite[4+welches]);

}


function getmenu (seitenid, mit){
	var ret ="";
	ret ="<table border='0/' cellpadding='0' cellspacing='0' class='sbtbl'>";
	ret = ret +"<colgroup><col width='10px' /><col width='100px' /></colgroup>";
	ret	= ret +"<tr>";
	if (seitenid != 0)
			ret = ret +	"<td class='sbcol1 ora'>//</td><td class='sbcol2 ora'><span onclick='gopage(0)'>PORTFOLIO</span>";
		else
			ret = ret +	"<td class='sbcol1 grau'>//</td><td class='sbcol2 grau'>PORTFOLIO</span>";
	
	if (mit==1){
		if (seitenid != 1)
			ret = ret + "<br/><span onclick='gopage(1)' class='ora'>GRAFIK</span>";
			else
			ret = ret + "<br/><span class='grau'>GRAFIK</span>"; 	
			
		if 	(seitenid != 2)
			ret = ret + "<br/><span onclick='gopage(2)' class='ora'>ILLUSTRATION</span>";
			else
			ret = ret + "<br/><span class='grau'>ILLUSTRATION</span>";
	
	}
	ret = ret + "</td></tr><tr>";
	if (seitenid !=	4)
					
				ret = ret +	"<td class='sbcol1 ora'>//</td><td class='sbcol2 ora' onclick='gopage(4)'>PERS&Ouml;NLICHES</td>";
			else
				ret = ret +	"<td class='sbcol1 grau'>//</td><td class='sbcol2 grau'>PERS&Ouml;NLICHES</td>";
	
	ret = ret + "</td></tr><tr>";	
	if (seitenid !=	6)
					
				ret = ret +	"<td class='sbcol1 ora'>//</td><td class='sbcol2 ora' onclick='gopage(6)'>POST</td>";
			else
				ret = ret +	"<td class='sbcol1 grau'>//</td><td class='sbcol2 grau'>POST</td>";
	
	ret = ret + "</td></tr><tr>";	
	if (seitenid !=	5)
					
				ret = ret +	"<td class='sbcol1 ora'>//</td><td class='sbcol2 ora' onclick='gopage(5)'>PLUS</td>";
			else
				ret = ret +	"<td class='sbcol1 grau'>//</td><td class='sbcol2 grau'>PLUS</td>";
			
	ret = ret + 	"</tr></table>";
	document.getElementById("sidebar").innerHTML = ret;
	

			

}