var DEBUG = false;

Event.observe(window, 'load', function() {
	//if (DEBUG) {
	//	showQuiz();
	//}
	initSifr();
	//initTest();
	//initContactform();
	attachAjaxForms();
});

function initContactform() {
	Event.observe('contact_form', 'submit', function(e) {
		Event.stop(e);
		$('contact_form').request({
			onLoading: function() {
				$('contact_form').innerHTML = '<div style="text-align:center"><img src="/img/ajax-loader.gif" align="center" style="margin-top: 20px;" /></div>';
				},
			onSuccess: function(transport) {
				if (transport.responseText=='true') {
					$('contact_form').innerHTML = 'Bedankt voor uw interesse, wij nemen spoedig contact met u op.';
				} else {
					window.alert(transport.responseText);
				}
			}
		});
	});
}

function attachAjaxForms() {
	$A($$('form.ajaxform')).each(function(el) {
		el.observe('submit', function(e) {
			Event.stop(e);
			el.request({
				onComplete: function(transport) {
					if (transport.responseText=='true') {
						el.blindUp({
							duration:0.3,
							afterFinish: function() {
								el.innerHTML = 'Uw aanvraag is verzonden, bedankt voor uw interesse! Wij nemen spoedig contact met u op.';
								el.blindDown({
									duration:0.3
								});
							}
						});
					} else {
						window.alert(transport.responseText);
					}
				}
			});
		});
	});
	
}

function initTest() {
	$('button_doedetest').show();
	$('button_doedetest').observe('click', function(e) {
		Event.stop(e);
		showQuiz();
	});
}

var modal;

function showQuiz() {
	modal = new Control.Modal($('quiz'),{  
		overlayOpacity: 0.4,
		className: 'quiz',  
		fade: true,
		height: 520,
		width: 500,
		position: '',
		beforeOpen: function() {
			$('quiz').setStyle({'left':'50%', 'marginLeft':'-250px'});
			$('resultaat_content').hide();
			$('vraagnr').innerHTML = 'Vraag 1';
			$('vraag').innerHTML = aVragen[0];
			$('vragen_content').show();
			$('control').show();
			$('ja').removeClassName('active');
			$('nee').removeClassName('active');
			$('ja').removeClassName('inverted');
			$('nee').removeClassName('inverted');
			iHuidigeVraag = 1;
			aAntwoorden = new Array();
			},
		afterOpen: function() {
			$('quiz').setStyle({'left':'50%', 'marginLeft':'-250px'});
			$('contact_form').hide();
			initSifr();
			startQuiz();
			}
	});
	modal.open();
}

var iHuidigeVraag = 1;
var aAntwoorden = new Array();
var aVragen = new Array(
	'Is er binnen uw organisatie veel sprake van kortdurend verzuim?',
	'Bent u van mening dat uw verzuimende medewerkers te lang (onnodig) ziek blijven?',
	'Hebt u bij uw huidige verzuimdienstverlener het gevoel dat u niet adequaat wordt geholpen?',
	'Maakt u veel extra kosten in verband met het verzuim van uw medewerkers?',
	'Loopt u vast in wettelijke regelingen rondom verzuim?',
	'Wordt u door verschillende (externe) adviseurs geconfronteerd met tegenstrijdige adviezen op het gebied van verzuimproblematiek?',
	'Vraagt u zich af of uw medewerkers de juiste begeleiding en motivatie krijgen? Of hebt u het gevoel dat uw mensen ondermaats presteren?',
	'Wilt u graag goed ge&iuml;nstrueerd en begeleid worden ten aanzien van het omgaan met verzuim?',
	'Zou u wel eens vrijblijvend iets van een andere organisatie willen horen over een succesvolle aanpak van verzuim?',
	'Hebt u geen verzuimprobleem maar wilt u met een inhoudelijk deskundige partner in gesprek over de mogelijkheid om uit het publieke bestel te stappen en eigen risicodrager te worden?'
);

var quizInitted = false;

function startQuiz() {

	if (!quizInitted) {
		$('ja').observe('click', function(e) {
			Event.stop(e);
			handleAntwoord(iHuidigeVraag, true);
		});
		$('nee').observe('click', function(e) {
			Event.stop(e);
			handleAntwoord(iHuidigeVraag, false);
		});
		$('next').observe('click', function(e) {
			Event.stop(e);
			gotoVraag(1);
		});
		$('prev').observe('click', function(e) {
			Event.stop(e);
			gotoVraag(-1);
		});
		$('close').observe('click', function(e) {
			Event.stop(e);
			if(typeof(modal) == 'object') {
				modal.close();
			}
		});
	}
	
	quizInitted = true;
}

function handleAntwoord(iVraagNr, bAntwoord) {
	if (iVraagNr == 10) {
		aAntwoorden[iVraagNr-1] = !bAntwoord;
	} else {
		aAntwoorden[iVraagNr-1] = bAntwoord;
	}
	if (iVraagNr < 10) {
		gotoVraag(1);
	} else {
		toonResultaat();
	}
}

function gotoVraag(iRichting) {

	$('ja').removeClassName('active');
	$('nee').removeClassName('active');

	iVolgendeVraag = iHuidigeVraag + iRichting;
	
	if (iVolgendeVraag <= 1) {
		iVolgendeVraag = 1;
		}
	
	if (iVolgendeVraag >= 10) {
		iVolgendeVraag = 10;
		}
	
	if (iVolgendeVraag==1) {
		$('prev').hide();
	} else {
		$('prev').show();
		}
	
	if (iVolgendeVraag==10) {
		$('next').hide();
	} else {
		$('next').show();
		}

	$('vraagnr').innerHTML = 'Vraag ' + iVolgendeVraag;
	$('vraag').innerHTML = aVragen[iVolgendeVraag - 1];
	
	initSifr();
	
	iHuidigeVraag = iVolgendeVraag;
	
	if (aAntwoorden[iHuidigeVraag-1]==true) {
		$('ja').addClassName('active');
	} else {
		$('ja').removeClassName('active');
	}
	if (aAntwoorden[iHuidigeVraag-1]==false) {
		$('nee').addClassName('active');
	} else {
		$('nee').removeClassName('active');
	}

	if (iHuidigeVraag == 10) {
		$('ja').addClassName('inverted');
		$('nee').addClassName('inverted');
	} else {
		$('ja').removeClassName('inverted');
		$('nee').removeClassName('inverted');
	}
	
	// Failsafe
	if ($('ja').hasClassName('active') && $('nee').hasClassName('active')) {
		$('ja').removeClassName('active');
		$('nee').removeClassName('active');
	}
	
}

function toonResultaat() {

	$('vragen_content').hide();
	$('resultaat_content').show();
	$('contact_form').show();
	$('control').hide();
	//$('button_doedetest').setStyle({'visibility':'hidden'});
	$('vraagnr').innerHTML = 'Uitslag';
	
	var iPositief = 0;
	aAntwoorden.each(function(antwoord) {
		if (antwoord===true) {
			iPositief = iPositief + 1;
		}
	}); 
	
	$A($$('.resultaat')).each(function(el) {el.hide();});
	$A($$('h4.sIFR-replaced')).each(function(el) {el.removeClassName('sIFR-replaced');});
	if (iPositief==0) {
		$('resultaat1').show();
	} else if (iPositief < 5) {
		$('resultaat2').show();
	} else {
		$('resultaat3').show();
	}
	
	sIFR.replaceElement("h4", named({sFlashSrc: "/swf/fonts/MetaPlusNormal.swf", sColor: "#6e1863", sWmode: 'transparent'}));
	initSifr();
	Form.focusFirstElement('contact_form');
}

var SifrInitialized = false;

function initSifr() {
	
	if (typeof(sIFR)=='function') {
		if (SifrInitialized) {
			$A($$('.quiz h2.sIFR-replaced')).each(function(el) {el.removeClassName('sIFR-replaced');});
			$A($$('.quiz h3.sIFR-replaced')).each(function(el) {el.removeClassName('sIFR-replaced');});
			sIFR.replaceElement(".quiz h2", named({sFlashSrc: "/swf/fonts/MetaPlusBoldItalic.swf", sColor: "#d4007a", sWmode: 'transparent'}));
			sIFR.replaceElement(".quiz h3", named({sFlashSrc: "/swf/fonts/MetaPlusNormal.swf", sColor: "#6e1863", sWmode: 'transparent'}));
		}
		sIFR.replaceElement("#content h1", named({sFlashSrc: "/swf/fonts/MetaPlusBold.swf", sColor: "#6e1863", sWmode: 'transparent'}));
		sIFR.replaceElement(".introtext h1", named({sFlashSrc: "/swf/fonts/MetaPlusBold.swf", sColor: "#ffffff", sWmode: 'transparent'}));
		sIFR.replaceElement(".offerteaanvraag h2", named({sFlashSrc: "/swf/fonts/MetaPlusBold.swf", sColor: "#6e1863", sWmode: 'transparent'}));
		SifrInitialized = true;

//		sIFR.replaceElement(".text1", named({sFlashSrc: "/swf/fonts/MetaPlusNormal.swf", sColor: "#ffffff", sWmode: 'transparent'}));
//		sIFR.replaceElement(".text2", named({sFlashSrc: "/swf/fonts/MetaPlusBold.swf", sColor: "#ffffff", sWmode: 'transparent'}));
	}
}