var Demo=new Class({aLang:'en',qLang:'se',currentQuestion:0,totQuestions:0,givenAnswers:[0,0,0,0,0],startTexts:{'en':'Skriv "Hello" här','fr':'Skriv "bonjour" här','de':'Skriv "Guten Tag" här','es':'Skriv "Hola" här'},allQuestions:{'se':['Hej','Hej då','Bil','Hus','Pengar'],'en':['Hello','Good bye','Car','House','Money'],'dk':['Hej','Farvel','Bil','Huse','Penge'],'no':['Hei','Ha det','Bil','Hus','Penger']},allAnswers:{'en':['Hello,Hi,Good day','Good bye,bye','Car','House','Money'],'fr':['bonjour','au revoir,adieu','voiture,de voiture','maison,la maison,la Chambre,','l\'argent,de l\'argent'],'de':['guten Tag,Hallo','Auf Wiedersehen','das Auto,der Wagen,Wagen,Auto','das Haus,Haus','das Geld,Geld'],'es':['Hola,¡Hola,buen día,buenos días','adiós','coche','casa','dinero,el dinero']},initialize:function(){this.qLang='se'},check_answer:function(){if(this.aLang!='en'&&this.aLang!='fr'&&this.aLang!='de'&&this.aLang!='es'){return false}var isCorrect=false;var givenAnswer=$('txt_answer').get('value');var correctAnswers=this.allAnswers[this.aLang][this.currentQuestion].split(',');for(i=0;i<correctAnswers.length;i++){if(givenAnswer.toLowerCase()==correctAnswers[i].toLowerCase()){isCorrect=true}}if(isCorrect){this.givenAnswers[this.currentQuestion]=1;this.next()}else{this.givenAnswers[this.currentQuestion]=2;$('correct_answer').set('html',correctAnswers[0]);$('incorrect_answer').set('html',givenAnswer);$('correct_answer_wrapper').reveal();setTimeout("set_focus('proceed_btn')",500)}return false},next:function(){this.currentQuestion++;if(this.currentQuestion>=this.totQuestions){resultBlock.show()}else{progressNavigator.sync(this.currentQuestion,true,false,true);this.view_question(true)}},retry_question:function(){$('correct_answer_wrapper').dissolve();$('txt_answer').set('value','');$('txt_answer').focus()},set_lang:function(s){if(s!=demo.aLang){$('demo_lang-'+demo.aLang).removeClass('subject_btn_down');$('demo_lang-'+s).addClass('subject_btn_down');demo.aLang=s;demo.givenAnswers=[0,0,0,0,0];$('answer_flag').set('src',baseUrl+'img/flags/'+transform_lang(s)+'.gif');$('txt_answer').set('value',demo.startTexts[demo.aLang]);$('correct_answer_wrapper').dissolve();progressNavigator.sync(0,true,true,false)}},view_question:function(setFocus){$('correct_answer_wrapper').dissolve();if(this.currentQuestion==0){$('txt_answer').set('value',this.startTexts[this.aLang]);$('txt_answer').setStyle('color','#A7A7A7')}else{$('txt_answer').set('value','');$('txt_answer').setStyle('color','#141414')}$('demo_question').set('html',this.allQuestions[this.qLang][this.currentQuestion]);if(setFocus){set_focus('txt_answer')}}});var Progress_navigator=new Class({progressBar:false,progressKnob:false,progressContainer:false,progressSlider:false,progressWidthPerQuestion:1,sync:function(pos,moveKnob,updateCurrentQuestion,setFocus)
{if(this.progressSlider)
{var selectedQuestion=Math.max(0,Math.min(demo.totQuestions-1,pos));pos=Math.max(0,Math.min(450,(pos*this.progressWidthPerQuestion)+10));this.progressKnob.set('text',Math.min(selectedQuestion+1,demo.totQuestions));var knobWidth=this.progressKnob.getSize().x;this.progressBar.tween('width',pos);if(moveKnob){this.progressKnob.tween('left',Math.min(450-knobWidth,Math.max(0,pos-knobWidth/2)));}
if(selectedQuestion>=0&&selectedQuestion<=demo.totQuestions&&demo.currentQuestion!=selectedQuestion)
{if($('correct_answer_wrapper')){$('correct_answer_wrapper').dissolve();}
if(updateCurrentQuestion){demo.currentQuestion=selectedQuestion;}
demo.view_question(setFocus);}}},setup:function()
{this.progressWidthPerQuestion=450/demo.totQuestions;this.progressBar=$('progress');this.progressKnob=$('progress_knob');this.progressContainer=$('progress_bar');this.progressSlider=new extendedSlider(this.progressContainer,this.progressKnob,{range:[0,demo.totQuestions-1],steps:450,onChange:function(pos){progressNavigator.progressBar.tween('width',this.step);progressNavigator.sync(pos,false,true,true);},onTick:function(pos){var x=Math.round(pos-(progressNavigator.progressKnob.getSize().x/2))+10;progressNavigator.progressKnob.tween('left',x);progressNavigator.progressBar.tween('width',x);}});}});var extendedSlider=new Class({Extends:Slider,Binds:['clickedElement','draggedKnob','scrolledElement','releasedElement'],draggedKnob:function(event)
{var x=Math.round(progressNavigator.progressKnob.getStyle('left').replace('px',''));xQuestion=Math.floor(x/progressNavigator.progressWidthPerQuestion);if(xQuestion<=(demo.currentQuestion-1)||xQuestion>=(demo.currentQuestion+1))
{demo.currentQuestion=Math.min(demo.totQuestions-1,Math.max(0,xQuestion));progressNavigator.progressKnob.set('text',demo.currentQuestion+1);demo.view_question(true);}
progressNavigator.progressBar.setStyle('width',x+5);}});var Result_block=new Class({resultWrapper:false,resultSticky:false,totQuestionsKnob:0,correctQuestionsKnob:0,incorrectQuestionsKnob:0,titles_low:[],titles_mid:[],titles_top:[],comments_low:[],comments_mid:[],comments_top:[],initialize:function(){},format_time:function(ms){totSeconds=ms/1000; var hours=Math.floor(totSeconds/3600); var seconds=totSeconds-(hours*3600);var minutes=Math.floor(seconds/60); seconds=seconds-(minutes*60);var strTime=seconds.round(2)+'s';if(minutes>0){strTime=minutes+'m '+strTime}if(hours>0){strTime=hours+'t '+strTime}return strTime},get_result:function(){var totCorrect=0,totIncorrect=0;for(i=0;i<demo.totQuestions;i++){if(demo.givenAnswers[i]==1){totCorrect++}else if(demo.givenAnswers[i]==2){totIncorrect++}}return{'correct':totCorrect,'incorrect':totIncorrect}},setup:function(){this.totQuestionsKnob=$('result_knob-tot_questions');this.correctQuestionsKnob=$('result_knob-correct');this.incorrectQuestionsKnob=$('result_knob-incorrect');$('result_bar-tot_questions').set('tween',{duration:1500});$('result_bar-correct').set('tween',{duration:1500});$('result_bar-incorrect').set('tween',{duration:1500});this.totQuestionsKnob.set('tween',{duration:1500});this.correctQuestionsKnob.set('tween',{duration:1500});this.incorrectQuestionsKnob.set('tween',{duration:1500});var opt={content:$('result_container'),closeOnEsc:true,destroyOnClose:false,id:'the_sticky',position:'upperCenter',offset:{x:-630,y:100},maskOptions:{style:{'background-color':'#000000',opacity:.4},destroyOnHide:false,hideOnClick:true,useIframeShim:true,onHide:function(){var fx=new Fx.Tween(resultBlock.resultWrapper,{duration:200,property:'opacity'});fx.start(1,0).chain(function(){resultBlock.resultWrapper.setStyle('display','none');resultBlock.totQuestionsKnob.setStyle('left',1);resultBlock.correctQuestionsKnob.setStyle('left',1);resultBlock.incorrectQuestionsKnob.setStyle('left',1);$('result_bar-tot_questions').setStyle('width',1);$('result_bar-correct').setStyle('width',1);$('result_bar-incorrect').setStyle('width',1)})},onClick:function(){resultBlock.repeat_all()}}};this.resultWrapper=$('result_wrapper');if(mySticky!==false){mySticky.destroy()}this.resultSticky=new StickyWin.Modal(opt);this.resultSticky.hide()},show:function(){var myResult=this.get_result(),knobWidth=[0,0,0];var correctPercent=(100*myResult.correct/demo.totQuestions).round(1);this.update_smiley(correctPercent,myResult.correct);this.update_result_timer();$('result_percent-correct').set('text',correctPercent.round(0)+'%');$('result_percent-incorrect').set('text',(100-correctPercent).round(0)+'%');this.resultWrapper.fade('hide');this.resultSticky.show();this.resultWrapper.setStyle('display','block');var totQuestionsWidth=Math.floor(demo.totQuestions*progressNavigator.progressWidthPerQuestion)-1;var correctQuestionsWidth=Math.floor(myResult.correct*progressNavigator.progressWidthPerQuestion)-1;var incorrectQuestionsWidth=Math.floor(myResult.incorrect*progressNavigator.progressWidthPerQuestion)-1;resultBlock.totQuestionsKnob.set('text',demo.totQuestions);knobWidth[0]=resultBlock.totQuestionsKnob.getSize().x;var totQuestionsKnobWidth=Math.min(453-knobWidth[0],Math.max(1,demo.totQuestions*progressNavigator.progressWidthPerQuestion-knobWidth[0]/2));resultBlock.correctQuestionsKnob.set('text',myResult.correct);knobWidth[1]=resultBlock.correctQuestionsKnob.getSize().x;var correctKnobWidth=Math.min(453-knobWidth[1],Math.max(1,myResult.correct*progressNavigator.progressWidthPerQuestion-knobWidth[1]/2));resultBlock.incorrectQuestionsKnob.set('text',myResult.incorrect);knobWidth[2]=resultBlock.incorrectQuestionsKnob.getSize().x;var incorrectKnobWidth=Math.min(453-knobWidth[2],Math.max(1,myResult.incorrect*progressNavigator.progressWidthPerQuestion-knobWidth[2]/2));var fx=new Fx.Tween(this.resultWrapper,{duration:200,property:'opacity'});fx.start(0,1).chain(function(){$('result_bar-tot_questions').tween('width',[1,totQuestionsWidth]);resultBlock.totQuestionsKnob.tween('left',[1,totQuestionsKnobWidth]);$('result_bar-correct').tween('width',[1,Math.max(1,correctQuestionsWidth)]);resultBlock.correctQuestionsKnob.tween('left',[1,correctKnobWidth]);$('result_bar-incorrect').tween('width',[1,Math.max(1,incorrectQuestionsWidth)]);resultBlock.incorrectQuestionsKnob.tween('left',[1,incorrectKnobWidth])});setTimeout("set_focus('result_signup_btn')",300)},repeat_all:function(){demo.givenAnswers=[0,0,0,0,0];progressNavigator.sync(0,true,true,true);this.resultSticky.hide()},update_result_timer:function(){var totTime=new Date().getTime()-exerciseTimer;$('result_timer').set('html',this.format_time(totTime))},update_smiley:function(correctPercent,totCorrect){var smiley=$('result_smiley');if(smiley){if(correctPercent<20){$('result_title').set('text','Bra!');smiley.set('src',baseUrl+'img/learn/smiley/0.gif');smiley.setStyles({'margin-top':'5px','margin-left':'10px'})}else if(correctPercent<40){$('result_title').set('text','Bra jobbat!');smiley.set('src',baseUrl+'img/learn/smiley/1.gif');smiley.setStyles({'margin-top':'25px','margin-left':'0'})}else if(correctPercent<60){$('result_title').set('text','Bra jobbat!');smiley.set('src',baseUrl+'img/learn/smiley/2.gif');smiley.setStyles({'margin-top':'0','margin-left':'0'})}else if(correctPercent<80){$('result_title').set('text','Mycket bra!');smiley.set('src',baseUrl+'img/learn/smiley/3.gif');smiley.setStyles({'margin-top':'10px','margin-left':'0'})}else if(correctPercent<100){$('result_title').set('text','Mycket bra!');smiley.set('src',baseUrl+'img/learn/smiley/4.gif');smiley.setStyles({'margin-top':'15px','margin-left':'0'})}else{$('result_title').set('text','Utmärkt!');smiley.set('src',baseUrl+'img/learn/smiley/5.gif');smiley.setStyles({'margin-top':'5px','margin-left':'0'})}var s='Du svarade rätt på [_X_] frågor.';$('result_comment').set('html',s.replace('[_X_]','<b>'+totCorrect+'</b>'))}},update_list:function(q,cAnswer,gAnswer){$('list_question_'+demo.currentQuestion).set('html',q);$('list_user_answer_'+demo.currentQuestion).set('html',gAnswer);$('list_answer_'+demo.currentQuestion).set('html',cAnswer)}});var totInfo=4;var activeInfo=1;var infoSlider=false;var spinner=false;var exerciseTimer=false;var demo=false;var progressNavigator=false;var resultBlock=false;function next_slide(nextInfo)
{if(infoSlider)
{clearTimeout(infoSlider);}
if(nextInfo>totInfo)
{$('start_info_1').setStyle('display','block');$('start_info_1').fade('in');$('start_info_'+activeInfo).fade('out');activeInfo=1;}
else
{$('start_info_'+nextInfo).fade('hide');$('start_info_'+nextInfo).setStyle('display','block');$('start_info_'+activeInfo).fade('out');$('start_info_'+nextInfo).fade('in');activeInfo=nextInfo;}}
function fadeout(x)
{$('spinner-'+x).fade('out');}
function say(x)
{if(x==1)
{var url=baseUrl+'speech/'+demo.qLang+'-'+demo.currentQuestion+'.mp3';}
else
{var url=baseUrl+'speech/'+demo.aLang+'-'+demo.currentQuestion+'.mp3';}
$('spinner-'+x).fade('show');try
{var snd=new Audio(url);if(snd.canPlayType('audio/mp3')!='')
{snd.onended=$('spinner-'+x).fade('out');snd.play();}
else
{niftyplayer('myPlayer').registerEvent('onSongOver','fadeout('+x+')');niftyplayer('myPlayer').loadAndPlay(url);}}
catch(err){$('spinner-'+x).fade('out');}}
function set_focus(objId)
{$(objId).focus();}
function transform_lang(s)
{if(s=='en'){return'gb';}
if(s=='se'){return'sv';}
return s;}
window.addEvent('domready',function(){$$('div.start_info_inner_wrapper').set('tween',{duration:500});setTimeout("set_focus('txt_username')",500);demo=new Demo();demo.totQuestions=demo.allQuestions[demo.qLang].length;demo.view_question();progressNavigator=new Progress_navigator();progressNavigator.setup();if(demo.qLang=='en')
{demo.set_lang('es');}
$('spinner-1').fade('hide');$('spinner-1').setStyle('display','block');$('spinner-2').fade('hide');$('spinner-2').setStyle('display','block');$('txt_answer').addEvents({'focus':function(){if(this.value==demo.startTexts[demo.aLang]&&demo.currentQuestion==0)
{this.value='';this.setStyle('color','#141414');}},'blur':function(){if(this.value==''&&demo.currentQuestion==0)
{this.value=demo.startTexts[demo.aLang];this.setStyle('color','#A7A7A7');}}});resultBlock=new Result_block();resultBlock.titles_low=['HELT OK.','SNART SITTER DET.','ÖVA, ÖVA, ÖVA!'];resultBlock.titles_mid=['BRA JOBBAT!','SNYGGT!','HÄRLIGT!','BRA!','FINA FISKEN!','KANONERS!','MYCKET BRA!'];resultBlock.titles_top=['PERFEKT!','UTMÄRKT!','TOKBRA!','KANONBRA!','HUR BRA SOM HELST!','DU ÄR EN KLIPPA!','HÄRLIGT, BRA JOBBAT!','STRÅLANDE!','YEEHAWW!'];resultBlock.comments_low=['Inte illa, men du kan bättre!','Kör igenom övningen ett par gånger till - Snart sitter det.','Kom igen, försök igen.','Övning ger färdighet - Kör igen.','En gång till - Nästa gång går det ännu bättre!'];resultBlock.comments_mid=['Bra jobbat - Men kör ett par gånger till för säkerhets skull!','Det här ser lovande ut, men du kan ÄNNU bättre!','Härligt, det ser bra ut - Men det kan fortfarande bli bättre!','Mycket bra, men "bra" kan fortfarande bli "Bäst" - Försök igen!','Imponerande - kör igenom övningen ett par gånger till så sitter den sen!','Det här ser lovande ut. Bra jobbat!'];resultBlock.comments_top=['Du är helt enkelt bäst!','Du satte den - Alla rätt!','Wow, mycket imponerande!','Du är hur bra som helst!','Whoho, du är bäst!','Du är grym på det här!','Vad kan man säga - Tokbra!'];resultBlock.setup();exerciseTimer=new Date().getTime();});