/* Logo zeichnen */
var drawLogo = function() {
	var canvas = document.getElementById('logo');
	var context = canvas.getContext('2d');
	context.beginPath();
	context.shadowOffsetX = 4;
	context.shadowOffsetY = 4;
	context.shadowBlur = 4;
	context.shadowColor = "rgba(0,0,0,0.50)";
	context.fillStyle = '#00f';
	context.font = '36px Helvetica';
	context.textBaseline = 'top';
	context.fillText('Atelier MarcRyser', 5,5);
	context.stroke();
	context.closePath();
	context.save();
	context.beginPath();
	context.shadowOffsetX = 2;
	context.shadowOffsetY = 2;
	context.shadowBlur = 2;
	context.shadowColor = "rgba(0,0,0,0.25)";
	context.fillStyle = '#000';
	context.textBaseline = 'top';
	context.font = '12px Arial';
	context.fillText('Kreuzgasse 17', 300, 14);
	context.fillText('3076 Worb', 322, 28);
	context.fillText('info@marcryser.ch', 390, 28);
	context.font = '12px Arial';
	context.fillText('(Die Datenflüsterer)', 500, 28);
	context.stroke();
	context.closePath();
	context.save();
	context.restore();
}
			
function zeigCanvas() {
	var canvas = document.getElementById('logo');
	if (canvas.getContext) {
		drawLogo();
	}
}
	
function werteAusgeben () {
	var werte = "Im Formular erfasste Werte\n";
	werte = werte.concat("Vornamen: " + window.document.forms[0].vorname.value);
	werte = werte.concat("\nNachnamen: " + window.document.forms[0].namen.value);
	werte = werte.concat("\nKalender: " + window.document.forms[0].kalender.value);
	werte = werte.concat("\nPrioritaet: " + window.document.forms[0].prioritaet.value);
	werte = werte.concat("\nFarbe: " + window.document.forms[0].farbe.value);
	alert(werte);
}	

function zeigWichtig () { 
	window.document.getElementById("wichtiges").style.visibility="visible"; 
	window.document.getElementById("wichtiges").style.display="block"; 
	window.document.getElementById("Wichtig").innerHTML="<div id='knopfWichtig' onclick='wegWichtig()'>-</div>&nbsp;Das klein geschriebene";
} 

function wegWichtig () { 
	window.document.getElementById("wichtiges").style.visibility="collapse"; 
	window.document.getElementById("wichtiges").style.display="none"; 
	window.document.getElementById("Wichtig").innerHTML="<div id='knopfWichtig' onclick='zeigWichtig()'>+</div>&nbsp;Das klein geschriebene";
}

function zeigProdukt() {
	document.getElementById('subProdukt').style.webkitTransform='translateX(180deg)';
	document.getElementById('subProdukt').style.opacity='1.0';
	document.getElementById('subProdukt').style.webkitTransitionDuration='1s';
}


/* Titelbilder */
var titl = Titelbild.length-1;
var titz = 0;

function zeigTitel () {
	zeigTitelDunkel ();
	window.setTimeout(function() {
		zeigTitelbild ();
	}, 850);
	zeigTitelHell ();
	T=window.setTimeout('zeigTitel();', 6000); 
}

function zeigTitelbild () {
	if (titz == titl) {
		titz = 0;
	}
	else {
		titz++;
	}		
	document.getElementById("kopfbild").src=Titelbild[titz];
}

function zeigTitelHell () {
	window.setTimeout(function() {
		document.getElementById("kopfbild").style.opacity="1.0";
	}, 1000);
}

function zeigTitelDunkel () {
	window.setTimeout(function() {
		document.getElementById("kopfbild").style.opacity="0.0";
	}, 100);
}

/* fuer navigation */

function zeigProdukt() {
	document.getElementById('subProdukt').className='subRubrik';
	document.getElementById('subProdukt').style.visibility='visible';
}

function wegRubrik() {
	document.getElementById('subProdukt').className='machNix';
	document.getElementById('subProdukt').style.visibility='hidden';
}


/* Fuer die Gallery */

var anz; 
var t;
var x = 0;
var zaehler = -1;
var fBild = new Array();



function welchesBild () {
//	alert("X = " + x);
	switch (x) {
		case 1:
			fBild = Helge1;
			anz = fBild.length-1;
		break;
		case 2:
			fBild = Helge2;
			anz = fBild.length-1;
		break;
		case 3:
			fBild = Helge3;
			anz = fBild.length-1;
		break;
		case 4:
			fBild = Helge4;
			anz = fBild.length-1;
		break;
		case 5:
			fBild = Lappland;
			anz = fBild.length-1;
		break;
		case 6:
			fBild = Haeftli;
			anz = fBild.length-1;
		break;
		case 7:
			fBild = Friedhof;
			anz = fBild.length-1;
		break;
		case 8:
			fBild = Wasserrefl;
			anz = fBild.length-1;
		break;
		case 9:
			fBild = Helge5;
			anz = fBild.length-1;
		break;
		default:
			fBild = Helge1;
			anz = fBild.length-1;
		break;
	}
}

function fBildEinzel () {
	stopTimeout ();
	welchesBild ();
	dunkelfBild ();
	window.setTimeout(function() {
		bildfBild ();
	}, 850);
	hellfBild ();
}

function dunkelfBild () {
	window.setTimeout(function() {
		document.getElementById("einzelnes").style.opacity="0.0";
	}, 100);
}

function bildfBild () {
	if (zaehler == anz) {
		zaehler = -1;
	}
	else {
		zaehler++;
	}	
//	alert("Anz: " + anz + "\nZaehler: " + zaehler + "\n\n" + fBild);
	document.getElementById("einzelnes").src=fBild[zaehler];
}

function hellfBild () {
	window.setTimeout(function() {
		document.getElementById("einzelnes").style.opacity="1.0";
	}, 1000);
}

function fBildDia () {
	welchesBild();
	dunkelfBild ();
	window.setTimeout(function() {
		bildfBild ();
	}, 850);
	hellfBild ();
	t=window.setTimeout('fBildDia();', 6000); 
}

function stopTimeout () {
		clearTimeout(t);
		//	zaehler = -1;
}

function bildKleiner () {
	if (document.documentElement.clientHeight) { 
		var maxH = document.documentElement.clientHeight;
	} 
	else {
		var maxH = window.innerHeight;
	} 
	maxH = maxH-340;
	var maxW = window.innerWidth;
	window.document.getElementById("einzelnes").style.maxHeight=(maxH+'px');
//	alert("Hoch: " + maxH +"\nWeit: " + maxW);
}

function bildgrOriginal () {
	window.document.getElementById("einzelnes").style.maxHeight=("800px");
}

function iBildDia () {
	dunkelfBild ();
	window.setTimeout(function() {
		bildiBild ();
	}, 850);
	hellfBild ();
	t=window.setTimeout('iBildDia();', 6000); 
}

function iBildEinzel () {
	dunkelfBild ();
	window.setTimeout(function() {
		bildiBild ();
	}, 850);
	hellfBild ();
}

function bildiBild () {
	if (zaehler == NoraAareMax) {
		zaehler = 0;
	}
	else {
		zaehler++;
	}		
	document.getElementById("einzelnes").src=NoraAare[zaehler]["Bild"];
	document.getElementById("kommentar").innerHTML=NoraAare[zaehler]["Kommentar"];
}

/* Funktionen beim Laden automatisch starten */

window.onload = function() {
	zeigTitel () ; /* Titelbilder */
	zeigCanvas();
}