var slidersx = [];
var box = {};
var questions = [];

function load(url) {  document.location.href= url; }


function multiboxDelegate(url,description){
	gem=(slidersx[0]+slidersx[1]+slidersx[2]+slidersx[3]+slidersx[4]+slidersx[5])/6;
	url = url + gem;
	document.getElementById('mb_delegate').set({
		'href': url,
		'title': description
	});
	box.open($('mb_delegate'));               
}  	

function Settext() {
	gem=(slidersx[0]+slidersx[1]+slidersx[2]+slidersx[3]+slidersx[4]+slidersx[5])/6;
	if (gem < 33) {	$('headertext').set('text','Je kunt het risico om werkloos te worden aanzienlijk verkleinen.'); }
	if ((gem > 33) && (gem < 66)) {	  $('headertext').set('text','Je kunt het risico om werkloos te worden verkleinen.'); }
	if (gem > 66) { $('headertext').set('text','Het risico om werkloos te worden is op dit moment beperkt.'); }
	
}
					
window.addEvent('domready', function(){


    if ($defined($('imageMenu'))) { 
	var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){load(e);}});
	};
	//var el = $('slider');
    if ($defined($$('div.slider'))) { 
		$$('div.slider').each(function(el, i){
			var slider = new Slider(el, el.getElement('.knob'), {
			 range: [100, 0],
				steps: 100,  // Steps from 0 to 255
				wheel: true, // Using the mousewheel is possible too
				onChange: function(pos){
					// Based on the Slider values set an RGB value in the color array
					el.getElement('.knb_text').set('text', pos);
					//$('minKnobA').setHTML(pos);
					slidersx[i] = pos;
					Settext();
				}
			}).set(0);
		});
		};			
	
	if ($defined($('knop_analyse'))) { 
	    var mySlide = new Fx.Slide('advies');		
		mySlide.toggle();
		$('knop_analyse').addEvent('click', function(e){e = new Event(e);mySlide.toggle();e.stop();});
	};

	if ($defined($('advies'))) { 
	//alert('123');

		$('get_advies').addEvent('submit', function(e) {
		new Event(e).stop();
		//alert('hello');
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		$('loadBar10').style.display = 'block'; 
		$('formmessage10').style.display = 'none';
		$('basic').style.display = 'none'; 	
		ready = true;
		mNv=$('get_advies').email.value;
	if (!filter.test(mNv)) { 
			ready = false; 
			$('formmessage10').innerHTML = "<b>U heeft geen juist email adres ingevuld</b><br>";
			$('formmessage10').style.display = 'block';
			$('loadBar10').style.display = 'none'; 
			$('basic').style.display = 'block'; 	
		}
	if(ready) {	
		$('get_advies').gem.value = (slidersx[0]+slidersx[1]+slidersx[2]+slidersx[3]+slidersx[4]+slidersx[5])/6;
		$('get_advies').set('send',{

			onSuccess: function(){ 
			$('formmessage10').innerHTML =  "<b>Uw advies is verstuurd</b><br>"; 
			$('formmessage10').style.display = 'block'; 
			$('loadBar10').style.display = 'none'; 
			}, 
			onFailure: function(){
				$('formmessage10').innerHTML = "<b>Uw bericht kon niet worden verstuurd probeer het later nog eens.</b><br>"; 
				$('formmessage10').style.display = 'block'; 
			$('basic').style.display = 'block'; 
				$('loadBar10').style.display = 'none'; 
			} 
		});
		$('get_advies').send();
	}	
		});

	};	
	
		if ($defined($('primary'))) { 
			//alert('123');
			$('jb_addComment').addEvent('submit', function(e) {
			new Event(e).stop();
			//alert('hello');
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		$('loadBar5').style.display = 'block';
		$('formmessage5').style.display = 'none';

		ready = true;
		$('formmessage5').innerHTML = "";
		mNv=$('jb_addComment').naam.value;
		if (mNv =='') {
			ready = false;
			$('formmessage5').innerHTML = $('formmessage5').innerHTML + "<b>U heeft nog geen naam ingevuld</b><br>";
			$('formmessage5').style.display = 'block';
			$('loadBar5').style.display = 'none';
		}
		mNv=$('jb_addComment').email.value;
		if (!filter.test(mNv)) {
			ready = false;
			$('formmessage5').innerHTML = $('formmessage5').innerHTML + "<b>U heeft geen juist email adres ingevuld</b><br>";
			$('formmessage5').style.display = 'block';
			$('loadBar5').style.display = 'none';
		}
		mNv=$('jb_addComment').comment.value;
		if (mNv =='') {
			ready = false;
			$('formmessage5').innerHTML = $('formmessage5').innerHTML + "<b>U heeft nog geen bericht ingevuld</b><br>";
			$('formmessage5').style.display = 'block';
			$('loadBar5').style.display = 'none';
		}	

			
	if(ready) {	
		$('jb_addComment').set('send',{

			onSuccess: function(){ 
			$('formmessage5').innerHTML = $('formmessage5').innerHTML + "<b>Uw bericht is verstuurd</b><br>";
			$('formmessage5').style.display = 'block';
			$('loadBar5').style.display = 'none';
			}, 
			onFailure: function(){
				$('formmessage5').innerHTML = $('formmessage5').innerHTML + "<b>Uw bericht kon niet worden verstuurd probeer het later nog eens.</b><br>";
			$('formmessage5').style.display = 'block';
			$('loadBar5').style.display = 'none'; 
			} 
		});
		$('jb_addComment').send();
	
			
			}
			});
				
			
		}


		
	if ($defined($('chat_advies'))) { 
		//alert('123');
		$('get_advies_form').addEvent('submit', function(e) {
			new Event(e).stop();		
			//alert('hello'); 
			var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			$('loadBar10').style.display = 'block'; 
			$('formmessage10').style.display = 'none'; 
			$('basic').style.display = 'none'; 
			ready = true; 
			mNv=$('get_advies_form').email.value; 
			if (!filter.test(mNv)) { 
				ready = false; 
				$('formmessage10').innerHTML = "<b>U heeft geen juist email adres ingevuld</b><br>"; 
				$('formmessage10').style.display = 'block'; 
			$('basic').style.display = 'block'; 
				$('loadBar10').style.display = 'none'; 
			} 		
	if(ready) {	
		$('get_advies_form').set('send',{

			onSuccess: function(){ 
			$('formmessage10').innerHTML =  "<b>Uw adres is verstuurd</b><br>"; 
			$('formmessage10').style.display = 'block'; 
			$('loadBar10').style.display = 'none'; 
			}, 
			onFailure: function(){
				$('formmessage10').innerHTML = "<b>Uw adres kon niet worden verstuurd probeer het later nog eens.</b><br>"; 
			$('formmessage10').style.display = 'block';
			$('basic').style.display = 'block'; 			
			$('loadBar10').style.display = 'none'; 
			} 
		});
		$('get_advies_form').send();
			}
			
		} );
	}
		
		
		
	if ($defined($('1001'))) { 
			$$('.rate').each(function(element,i){
			element.addEvent('click', function(){
				var myStyles = ['nostar', 'onestar', 'twostar', 'threestar', 'fourstar', 'fivestar', 'sixstar', 'sevenstar', 'eightstar', 'ninestar', 'tenstar'];
				myStyles.each(function(myStyle){
					//if(element.getParent().hasClass(myStyle)){
					//	element.getParent().removeClass(myStyle)
					//}
				});		
				myStyles.each(function(myStyle, index){
					if(index == element.id){
						var myRequest = new Request({method: 'get', url: '/rate.php',
						onComplete: function(result)
					            {
					                alert(result);
					            }
						});
						myRequest.send("question=" + question + "&vote=" + index);
					}
				});
				
			});
		});	
	}
	

	
	
	// quiestioneer 
	
	if ($defined($('questioneer'))) { 
	
	var transitionTime = 800; //transition time (1 second = 1000)
	var items = $$('.question');  //Get array of elements for sliding
	var nextBtn = $('nextbtn');
	var itemNum = 0; 
	
	
		items.each(function(element, index) {
		
		//since the viewer obviously has javascript on, we can remove the 'first_item' class
		if(index == 0){
			element.removeClass('first_item');
			element.setStyle('left', "0");
		}
		else{
			element.setStyle('left', "692px");
		}
	
	});
	
	var numItems = items.length; 
	
	
		var slideForward = function(){ 
	
		//get item to slide out
		var curItem = items[itemNum];  
		
		//change index
		if(itemNum < (numItems - 1)){
			itemNum++; 
		}
		else{
			itemNum = numItems;
			
		}
		if (itemNum == 7) { 
			//alert('hello'); 
			//alert (questions);
			var myRequest = new Request({method: 'post', url: '/enquete.php',
				onComplete: function(result)
			           {
			             //alert(result);
			           }
			});
			myRequest.send("question=" + questions);
		}
		
		//now get item to slide in using new index
		var newItem = items[itemNum];
		
		
		//set up our animation stylings for out and in motions (note:  Fx.Styles does NOT exist in moo 1.2, so we must use Fx.Morph or Fx.Tween)
		var item_in = new Fx.Morph(newItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
		});
		
		var item_out = new Fx.Morph(curItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
		});
		
		//we will set a beginning value here
		//this is so that it gives the illusion of continuous motion from one direction, even after the first cycle of items
		item_in.start({
		'left': [692, 0]
		});
		
		//no beginning values needed, since we always want to push the old item out to the left
		item_out.start({
		'left': '-692'
		});
		
	};
		//nextBtn.addEvent('click', function(){
		//slideForward();
	//});
	
			$$('.question li').addEvent('click', function(){
			//$('tester').innerHTML =this.id;
			questions[itemNum] = this.id;
			slideForward();
		});
	
//	$$('.question li').addEvent('click', function(listID){
//alert("The ID of the list element you've chosen is: "+listID);

//});

	}
	
	

	if ($defined($('maketest'))) { 	
		var transitionTime = 800; //transition time (1 second = 1000)
		var ELitems = $$('.element');  //Get array of elements for sliding
		var introtext = $('introblock');
		var itemNum = 0; 
		$$('div.intro').setStyle('visibility', 'hidden');
		$$('div.intro').setStyle('overflow', 'hidden');
		ELitems.each(function(element, index) {
			if(index == 0){
				element.removeClass('first_item');
				element.setStyle('left', "0");
			}
			else{
				element.setStyle('left', "692px");
			}
		});
		var numItems = ELitems.length; 
		$('aantalvragen').set('html', "vraag <b>" + (itemNum+1) + "</b> van <b>" + numItems + "</b>");
		
		var slideForward = function(){ 
			var curItem = ELitems[itemNum];  
			if(itemNum < (numItems - 1)){
				itemNum++; 
			}
			else{
				itemNum = numItems;
				
			}
			//if (itemNum == 7) { 
				//alert('hello'); 
				//alert (questions);
				//var myRequest = new Request({method: 'post', url: '/enquete.php',
				//	onComplete: function(result)
				//          {
				            //alert(result);
				//           }
				//});
				//myRequest.send("question=" + questions);
			//}

			var newItem = ELitems[itemNum];
			if (ELitems[itemNum].getElement('div.intro').innerHTML != "") {
			introtext.set('html', ELitems[itemNum].getElement('div.intro').innerHTML); // = intro			
			}	
			var item_in = new Fx.Morph(newItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
	
			var item_out = new Fx.Morph(curItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
			item_in.start({ 'left': [692, 0] });
			item_out.start({'left': '-692'});
			//aantalvragen
			$('aantalvragen').set('html', "vraag <b>" + (itemNum+1) + "</b> van <b>" + numItems + "</b>");
		};
		
		
		var slideBackward = function(){ 
			var curItem = ELitems[itemNum];  
			if(itemNum < (numItems - 1)){
				itemNum - numItems - 1; 
			}
			else{
				itemNum = numItems;
				
			}
			//if (itemNum == 7) { 
				//alert('hello'); 
				//alert (questions);
				//var myRequest = new Request({method: 'post', url: '/enquete.php',
				//	onComplete: function(result)
				//          {
				            //alert(result);
				//           }
				//});
				//myRequest.send("question=" + questions);
			//}

			var newItem = ELitems[itemNum];
			if (ELitems[itemNum].getElement('div.intro').innerHTML != "") {
			introtext.set('html', ELitems[itemNum].getElement('div.intro').innerHTML); // = intro			
			}	
			var item_in = new Fx.Morph(newItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
	
			var item_out = new Fx.Morph(curItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
			item_in.start({ 'left': [692, 0] });
			item_out.start({'left': '-692'});
			//aantalvragen
			$('aantalvragen').set('html', "vraag <b>" + (itemNum+1) + "</b> van <b>" + numItems + "</b>");
		};
		
		
		
		$('next').addEvent('click', function() {slideForward();	});
		$('previous').addEvent('click', function() {slideBackward();	});
		
		//$$('.type8 li').addEvent('click', function(){ slideForward(); });	
    }
	



	
	if ($defined($('questionbox'))) { 	
	    // init questionbox
		var transitionTime = 800; 
		var questionitems = $$('.element'); 
		var itemNum = 0;
		var curNum = 0;		
		questionitems.each(function(element, index) {
			if(index == 0){
				element.removeClass('first_item');
				element.setStyle('left', "0");
			}
			else{
				element.setStyle('left', "692px");
			}
		});
		$('previous').set('disabled',true); 
		$('next').set('disabled',true); 
		var numItems = questionitems.length; 
		$('aantalvragen').set('html', "vraag <b>" + (itemNum+1) + "</b> van <b>" + numItems + "</b>");	

		
		var goquestion = function()
		{
		if (itemNum > numItems-1) { 
			//alert('hello');

		$('TestForm').set('send', {onComplete: function(response) { 
			$('questionbox').setStyle('background-color','#ffffff');
			$('questionbox').set('html', response);
			
		}});
		$('TestForm').send();
		} else {
		
		var newItem = questionitems[itemNum];
		var curItem = questionitems[curNum];
			var item_in = new Fx.Morph(newItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
	
			var item_out = new Fx.Morph(curItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
			if (curNum < itemNum ) {
			item_in.start({ 'left': [692, 0] });
			//item_out.start({'left': '-692'});
			} else {
			//item_in.start({ 'left': [0, 692] });
			item_out.start({'left': '-692'});
			}

			curNum = itemNum;
			//aantalvragen
			if (itemNum > 0 ) { $('previous').set('disabled',false); } else { $('previous').set('disabled',true); } 
			if (questions[itemNum] ) { $('next').set('disabled',false); } else { $('next').set('disabled',true); }
			$('aantalvragen').set('html', "vraag <b>" + (itemNum+1) + "</b> van <b>" + numItems + "</b>");
			 }
		};
		
		
		
		var nextquestion = function(){ 
			curNum = itemNum;  
			if(itemNum < (numItems - 1)){
				itemNum++; 
			}
			else{
				itemNum = numItems;
				
			}	
		goquestion();
		};

		var previousequestion = function(){ 
			curNum = itemNum;  
			if(itemNum > (0)){
				itemNum--; 
			}
			else{
				itemNum = 0;
				
			}
		goquestion();
		};

		
	
		$$('.element li').addEvent('click', function(){
		    //alert(itemNum);
			//$$('input[name= radio1:value0]').setProperty('checked','true');
			if (curNum == itemNum) {
			$$('input[name=r' + (curNum+1) + '][value=' + this.id + ']').setProperty('checked',true);			
			questions[itemNum] = this.id;
			nextquestion();
			}
		});
	

	
		$('next').addEvent('click', function(event) {event.stop();nextquestion();	});
		$('previous').addEvent('click', function(event) {event.stop();previousequestion();	});
	}
	
	if ($defined($('questionbox2'))) { 	
	    // init questionbox
		var transitionTime = 800; 
		var questionitems = $$('.element'); 
		var itemNum = 0;
		var curNum = 0;		
		questionitems.each(function(element, index) {
			if(index == 0){
				element.removeClass('first_item');
				element.setStyle('left', "0");
			}
			else{
				element.setStyle('left', "692px");
			}
		});
		$('previous').set('disabled',true); 
		$('next').set('disabled',true); 

		var numItems = questionitems.length; 
		$('aantalvragen').set('html', "vraag <b>" + (itemNum+1) + "</b> van <b>" + numItems + "</b>");	

		
		var goquestion = function()
		{
		if (itemNum > numItems-1) { 
			//alert('hello');

		$('TestForm').set('send', {onComplete: function(response) { 
			$('questionbox2').setStyle('background-color','#ffffff');
			$('questionbox2').set('html', response);
		}});
		$('TestForm').send();

		} else {

		var newItem = questionitems[itemNum];
		var curItem = questionitems[curNum];
			var item_in = new Fx.Morph(newItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
	
			var item_out = new Fx.Morph(curItem, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
			});
			if (curNum < itemNum ) {
			item_in.start({ 'left': [692, 0] });
			//item_out.start({'left': '-692'});
			} else {
			//item_in.start({ 'left': [0, 692] });
			item_out.start({'left': '-692'});
			}

			curNum = itemNum;
			//aantalvragen
			if (itemNum > 0 ) { $('previous').set('disabled',false); } else { $('previous').set('disabled',true); } 
			if (questions[itemNum] ) { $('next').set('disabled',false); } else { $('next').set('disabled',true); }
			$('aantalvragen').set('html', "vraag <b>" + (itemNum+1) + "</b> van <b>" + numItems + "</b>");
			if (curNum > 4) {
			 $('introblock2').set('html',"<h3>Deel 2: Wat vind je van je huidige baan?</h3><p>In dit deel is het bedoeling dat je met een rapportcijfer van 1 tot en met 10 aangeeft in hoeverre deze stelling van toepassing is op je huidige baan. <br />Hoe beoordeel je je huidige baan?</p>");
			}
		 }
		};
		
		

		
		var nextquestion = function(){ 
			curNum = itemNum;  
			if(itemNum < (numItems - 1)){
				itemNum++; 
			}
			else{
				itemNum = numItems;
				
			}	
		goquestion();
		};

		var previousequestion = function(){ 
			curNum = itemNum;  
			if(itemNum > (0)){
				itemNum--; 
			}
			else{
				itemNum = 0;
				
			}
		goquestion();
		};

		

		$$('.element li').addEvent('click', function(){
		    if (curNum > 4) {
			//alert(itemNum);
			//$$('input[name= radio1:value0]').setProperty('checked','true');
			if (curNum == itemNum) {
			$$('input[name=r' + (curNum+1) + '][value=' + this.id + ']').setProperty('checked',true);			
			questions[itemNum] = this.id;
			nextquestion();
			}
			}
		});
	
	
	
	$$(".myInput").each( function(a){ 
		a.addEvent("keydown", function(event){
				input_array = $$('input[type!=hidden]'); 
					//alert(input_array.index); 
				if (event.key == 'tab') {
					event.stop(); 

					//if (input_array_index < 4) { input_array[input_array_index+1].focus(); }   else { 
						a.focus(); 
					//} 
					
					//if(event.shift) { 
					//input_array[input_array_index-1].focus(); 
					//} else { 
					//	input_array[0].focus(); 
					//} 	
					
					
				} 
			
		});
		a.addEvent("keyup", function(event){
		    var txtbox = event.target;
			var vrbox = txtbox.name.charAt(1)
			list = $('r'+ (curNum+1) + '-3');

			//alert(list.value + 'terst' + event.key + txtbox.name); 
			if ((event.key < 1) || ( event.key >6)) { txtbox.set('value',''); }
			
			if (($('r'+ (curNum+1) + '-1').value != '') && ($('r'+ (curNum+1) + '-2').value != '') && ($('r'+ (curNum+1) + '-3').value != '') && ($('r'+ (curNum+1) + '-4').value != '') && ($('r'+ (curNum+1) + '-5').value != '') && ($('r'+ (curNum+1) + '-6').value != '')) {
			questions[itemNum] = '5';
			$('next').set('disabled',false);
			}
		}); 
	});
	

		$('next').addEvent('click', function(event) {event.stop();nextquestion();	});
		$('previous').addEvent('click', function(event) {event.stop();previousequestion();	});
	}
		
});