var i = 75;
var o = 100;
var sprechblase;

function tutStart() {
	sprechblase = document.createElement("div");
	sprechblase.setAttribute("id","sprechblase");
	sprechblase.style.position = "absolute";
	sprechblase.style.top = "20px";
	sprechblase.style.left = "200px";
	sprechblase.style.height = "94px";
	sprechblase.style.width = "455px";
	sprechblase.style.backgroundImage = "url(images/sprechblase.png)";
	sprechblase.style.paddingTop = "10px";
	sprechblase.style.paddingLeft = "10px";
	sprechblase.style.paddingBottom = "10px";
	sprechblase.style.paddingRight = "70px";
	sprechblase.style.opacity = 0;
	sprechblase.style.filter = "alpha(opacity=0)";
	document.getElementById("header").appendChild(sprechblase);

	blendAllOff();
}

function blendAllOff() {
	if (o >= 0) {
		setOpacity(document.getElementById("qashlanguage"), o);
		setOpacity(document.getElementById("notiz"), o);
		setOpacity(document.getElementById("text"), o);
		setTimeout(blendAllOff,40);
		o -= 5;
	} else {
		document.getElementById("qashlanguage").style.visibility = "hidden";
		document.getElementById("notiz").style.visibility = "hidden";
		document.getElementById("text").style.visibility = "hidden";
		movQashi();
	}
}

function movQashi() {
	if (i < 680) {
		i += 20;
		document.getElementById("qashlogo").style.left = i + "px";
		setTimeout(movQashi,40);
	} else {
		blendSprechblase();
	}
}

function blendSprechblase() {
	if (o <= 100) {
		setOpacity(document.getElementById("sprechblase"), o);
		setTimeout(blendSprechblase,40);
		o += 5;
	} else {
		document.getElementById("sprechblase").innerHTML = "Ich bin Qashi und begr&uuml;&szlig;e dich herzlich zu meiner kleinen Einf&uuml;hrung.<br />Das Tutorial kannst du jederzeit abbrechen, indem du mich anklickst.<br /><br />[Fortfahren]";
	}
}

function setOpacity(obj, value) {
	obj.style.opacity = value/100;
	obj.style.filter = "alpha(opacity=" + value + ")";
}