var imagepath ="/files/share/default/quiz/images";

var strHallo = "Welcome!";
var aktiv = null;
var actualLayer = "header"; 
var li = 0; 
text = 1;
next = null;
var timer = null;
actualSlide = 1;


function resetQuiz(){
	strHallo = "Welcome!";
	window.clearInterval(aktiv);
	aktiv = null;
	actualLayer = "header"; 
	li = 0; 
	text = 1;
	next = null;
	clearTimeout(timer);
	timer = null;
	document.getElementById("yesno").style.visibility = "hidden";
	document.getElementById("header").innerHTML = "";
	document.getElementById("questions").innerHTML = '';
	document.getElementById("header_bg_bubble").innerHTML = "";
	document.getElementById("bg_bubble").innerHTML = "";
}



function Typing (){
  document.getElementById(actualLayer).innerHTML += strHallo.substr(li, 1);

  if (li++ >= strHallo.length ){
    window.clearInterval(aktiv);
    li = 0;
    finishedTyping();
  }
}

function write( lay, word ){ 
	strHallo = word; 
	actualLayer = lay; 
	aktiv = window.setInterval("Typing()", 50); 
}

function addText ( lay, text ){
  document.getElementById(lay).innerHTML += text;
}
			
//ASSIGN TO 'NEXT' THE FUCTION CALL WHICH SHOULD BE EXECUTED AFTER THE ACTUAL SLIDE
function finishedTyping(){
	if ( next != null ){
		eval( next );
	}
	next = null;
}
			
			
//SLIDES			
function slide ( num ){
	//alert( "SLIDE: "+ num );
	actualSlide = num;				
//WELCOME
	if ( num == 1 ){
		opacity('header_bg_bubble', 100, 0, 1);
		document.getElementById("header").style.visibility = "visible";
		document.getElementById("header_bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_header.png", "bubble_header_bg").toString() ;
		opacity('header_bg_bubble', 0, 100, 500);
		document.getElementById("header").innerHTML = "";
		write( "header", messages[browserlang]["WELCOME"] );
		next = 'timer = setTimeout("slide(3);",2000)';
    
//QUIZ HEADER				
	}else if ( num == 2 ){
		opacity('header_bg_bubble', 100, 0, 500);
		document.getElementById("header_bg_bubble").innerHTML = "";
		document.getElementById("header").innerHTML = "";
		document.getElementById("header_bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble.png", "bubble_bg");			
		opacity('header_bg_bubble', 0, 100, 500);
		timer = setTimeout("slide(3);",10000);
//INTRODUCTION					
	}else if ( num == 3 ){
		opacity('header_bg_bubble', 100, 0, 500);
		opacity('header', 100, 0, 500);
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");	
		write( "questions", messages[browserlang]["DESC"] );
		next = 'timer = setTimeout("slide(4);",2000)';
		
//ARE YOU READY					
	}else if ( num == 4 ){
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("questions").innerHTML = '';
		document.getElementById("yesno").style.visibility = "visible";
//QUESTION ROBOTANT
	}else if ( num == 5 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		//document.getElementById("world_images").innerHTML = '<img src="images/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION1"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION1_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION1_B"] )',8000);
//QUESTION HOUSE
	}else if ( num == 6 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION2"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION2_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION2_B"] )',8000);
//QUESTION SIGN
	}else if ( num == 7 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION3"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION3_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION3_B"] )',8000);
//QUESTION HELP
	}else if ( num == 8 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION4"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION4_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION4_B"] )',8000);
//QUESTION ACHIEVEMENT
	}else if ( num == 9 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION5"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION5_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION5_B"] )',8000);
//QUESTION PLANT
	}else if ( num == 10 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '';
		write( "questions", messages[browserlang]["QUESTION6"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION6_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION6_B"] )',8000);
//QUESTION WALK
	}else if ( num == 11 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_plants.png">';
		write( "questions", messages[browserlang]["QUESTION7"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION7_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION7_B"] )',8000);
//QUESTION MINIMAP
	}else if ( num == 12 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION8"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION8_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION8_B"] )',8000);
//QUESTION SIGN
	}else if ( num == 13 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION9"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION9_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION9_B"] )',8000);
//QUESTION CHAT CHANNELS
}else if ( num == 14 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION10"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION10_A"] )',5000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION10_B"] )',9000);
//QUESTION PERSPECTIVE
}else if ( num == 15 ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("world_images").innerHTML = '<img src="'+imagepath+'/worlds01_house.png">';
		write( "questions", messages[browserlang]["QUESTION11"] );
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION11_A"] )',4000);
		timer = setTimeout('addText( "questions", messages[browserlang]["QUESTION11_B"] )',8000);
		
	}else if ( num == 'ready' ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("yesno").style.visibility = "hidden";
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		write( "questions", messages[browserlang]["STARTQUIZ_READY"] );
		next = 'timer = setTimeout("slide(5);",2000)';
	}else if ( num == 'notready' ){
		document.getElementById("questions").innerHTML = '';
		document.getElementById("yesno").style.visibility = "hidden";
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		write( "questions", messages[browserlang]["STARTQUIZ_NOTREADY"] );
		next = 'timer = setTimeout("slide(5);",2000)';
	}else if ( num == 'right' ){
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("questions").innerHTML = '';
		addText( "questions", messages[browserlang]["ANSWER_RIGHT"] );
		finishedTyping();
	}else if ( num == 'wrong' ){
		document.getElementById("bg_bubble").innerHTML = getPNGImageTag( imagepath+"/worlds01_bubble_quest.png", "bubble_quest");
		document.getElementById("questions").innerHTML = '';
		addText( "questions", "<img src='images/angry.gif' align='right'><br>" );
		addText( "questions", messages[browserlang]["ANSWER_WRONG"] );
		
		finishedTyping();
	}else{
		document.getElementById("questions").innerHTML = '';
		addText( "questions", messages[browserlang]["BYE"] );
	}
}

var nextslide;
var success;
var explanation;
function answer( question, answer ){
	nextslide = parseInt(question)+5;
	success = "true";
	
	if ( question == 1 && answer == "b" ) success = "false";
	if ( question == 2 && answer == "b" ) success = "false";
	if ( question == 3 && answer == "a" ) success = "false";
	if ( question == 4 && answer == "a" ) success = "false";
	if ( question == 5 && answer == "a" ) success = "false";
	if ( question == 6 && answer == "b" ) success = "false";
	if ( question == 7 && answer == "b" ) success = "false";
	if ( question == 8 && answer == "b" ) success = "false";
	if ( question == 9 && answer == "b" ) success = "false";
	if ( question == 10 && answer == "a" ) success = "false";
	if ( question == 11 && answer == "a" ) success = "false";
	
	if ( success == "true" ){
		timer = setTimeout("slide('right');",1000);
		next = 'timer = setTimeout("slide(nextslide);",6000)';
	}else{
		timer = setTimeout("slide('wrong');",1000);
		explanation = "<i>"+messages[browserlang]["QUESTION"+question+"_EXP"]+"</i>";		
		timer = setTimeout("addText('questions',explanation);",1000);
		next = 'timer = setTimeout("slide(nextslide);",12000)';
	}
}

function setDivHTMLContent( name, content ){
	document.getElementById(name).innerHTML = content;
}
function addDivHTMLContent( name, content ){
	document.getElementById(name).innerHTML += content;
}
	
//HELPER	

//ausblenden: opacity('bclient', 100, 0, 500) 
//einblenden: opacity('bclient', 0, 100, 500)

function blink( id ){
	opacity(id, 100, 20, 500);
	opacity(id, 20, 100, 500);
	opacity(id, 100, 50, 500);
	opacity(id, 50, 100, 500);
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
} 
					
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}