window.addEvent('domready', function(){
		var scroll = new Fx.Scroll('demo-wrapper', {
			wait: false,
			duration: 1500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});
		 
		$('link1').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page1');});
		$('link2').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});
		$('backtoPage2').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});
		$('link3').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page3');});
		$('backtoPage3').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page3');});
		$('link4').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page4');});


		/* WEBSITE QUESTIONS */
		$('website_start').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('website_page1');});
    $('website_stop').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});		
    
		$('website_backtoPage1').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('website_page1');});
		
		$('website_toPage2').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('website_page2');});
		$('website_backtoPage2').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('website_page2');});		
    
		$('website_toPage3').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('website_page3');});
		$('website_backtoPage3').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('website_page3');});				
		$('website_toPage4').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('website_page4');});
		$('website_finish').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});
		

		/* DRUKWERK QUESTIONS */
		$('drukwerk_start').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('drukwerk_page1');});
		$('drukwerk_stop').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});
		$('drukwerk_finish').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});

		/* EMAILMARKETING QUESTIONS */
		$('emailmarketing_start').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('emailmarketing_page1');});
		$('emailmarketing_stop').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});
		$('emailmarketing_finish').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});

		/* HUISSTIJL QUESTIONS */
		$('huisstijl_start').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('huisstijl_page1');});
		$('huisstijl_stop').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});
		$('huisstijl_finish').addEvent('click', function(event) {	event = new Event(event).stop();	scroll.toElement('page2');});

		$('myFluxwiseOfferteForm').addEvent('submit', function(e) {
			/**
			 * Prevent the submit event
			 */
			new Event(e).stop();
		 
			/**
			 * This empties the log and shows the spinning indicator
			 */
			var log = $('log_res').empty().addClass('ajax-loading');
		 
			/**
			 * send takes care of encoding and returns the Ajax instance.
			 * onComplete removes the spinner from the log.
			 */
			this.send({
				update: log,
				onComplete: function() {
					log.removeClass('ajax-loading');
				}
			});
		});

});

var formname = "myFluxwiseOfferteForm";

var required_fields_firma          = new Array(12);
required_fields_firma[0]           = "firmanaam";
required_fields_firma[1]           = "juridischevorm";
required_fields_firma[2]           = "straat";
required_fields_firma[3]           = "nr";
required_fields_firma[4]           = "postcode";
required_fields_firma[5]           = "stad";
required_fields_firma[6]           = "sector";
required_fields_firma[7]           = "voornaam";
required_fields_firma[8]           = "familienaam";
required_fields_firma[9]           = "email";
required_fields_firma[10]          = "functie";
required_fields_firma[11]          = "telefoon";

var offerte_products_checked  = new Array(4);
offerte_products_checked[0]	  =	false;
offerte_products_checked[1]	  =	false;
offerte_products_checked[2]	  =	false;
offerte_products_checked[3]	  =	false;

var offerte_products_finished	= new Array(4);
offerte_products_finished[0]	=	false;
offerte_products_finished[1]	=	false;
offerte_products_finished[2]	=	false;
offerte_products_finished[3]	=	false;

function add_checked(linkname){
	switch(linkname){
		case			'website':					  offerte_products_checked[0]	=	true; break;
		case			'drukwerk':				    offerte_products_checked[1]	=	true; break;
		case			'emailmarketing':		  offerte_products_checked[2]	=	true; break;
		case			'huisstijl':					offerte_products_checked[3]	=	true; break;
	}
}

function remove_checked(linkname){
	switch(linkname){
		case 		'website':					  offerte_products_checked[0]	    =	false; break;
		case 		'drukwerk':				    offerte_products_checked[1]	    =	false; break;
		case 		'emailmarketing':		  offerte_products_checked[2]	    =	false; break;
		case 		'huisstijl':					offerte_products_checked[3]	    =	false; break;
	}
}

function add_finished(linkname){
	switch(linkname){
		case 		'website':					  offerte_products_finished[0]	   =	true; break;
		case 		'drukwerk':				    offerte_products_finished[1]	   =	true; break;
		case 		'emailmarketing':		  offerte_products_finished[2]	   =	true; break;
		case 		'huisstijl':					offerte_products_finished[3]	   =	true; break;
	}
}

function remove_finished(linkname){
	switch(linkname){
		case 		'website':					  offerte_products_finished[0]	=	false; break;
		case 		'drukwerk':				    offerte_products_finished[1]	=	false; break;
		case 		'emailmarketing':		  offerte_products_finished[2]	=	false; break;
		case 		'huisstijl':					offerte_products_finished[3]	=	false; break;
	}
}


function offerte_setlink(linkname){
	if(document.getElementById(linkname+'_start').style.visibility == 'hidden'){
		document.getElementById(linkname+'_start').style.visibility = 'visible';	
		add_checked(linkname);
	}else{
		document.getElementById(linkname+'_start').style.visibility = 'hidden';			
		remove_checked(linkname);	
	}
	validate_productspecifications();
}

function setReady(linkname){
	var myCheckbox 		= 'offerte_'+linkname+'_check';
	var myLink				= linkname+'_start';
	var myCheckPicture	= 'offerte_'+linkname+'_checkpic';
	document.getElementById(myCheckbox).style.visibility = 'hidden';	
	document.getElementById(myLink).style.visibility = 'hidden';		
	document.getElementById(myCheckPicture).style.visibility = 'visible';
	add_finished(linkname);
	validate_productspecifications();
}

function validate_productspecifications(){
	var specsok = true;
	for(i=0; i < offerte_products_finished.length; i++){
		if(! ( offerte_products_checked[i] == offerte_products_finished[i] )){
			specsok = false;
		}
	}
	if(specsok == true){
		document.getElementById('volgende_link_volgende').style.display  = 'inline';
		document.getElementById('volgende_link_messagelink').style.display  = 'none';
	}else{
		document.getElementById('volgende_link_volgende').style.display  = 'none';
		document.getElementById('volgende_link_messagelink').style.display  = 'inline';		
	}
}

function count_checked(){
  var count = 0;
  for(i=0; i < offerte_products_checked.length; i++){
		if(offerte_products_checked[i] == true){
		  count++;
		}
	}
  return count;
}

function show_error_validateproducts(){
  if( count_checked() == 0){
    alert('Kies minimum één productcategorie'); 
  }else{
    alert('Gelieve uw productspecificaties aan te vullen.');
  }
}

function validate_firma(){
    for(var i=0; i<required_fields_firma.length; i++){
      if(validate_required(required_fields_firma[i],'Gelieve alle velden in te vullen\nHet veld "'+required_fields_firma[i]+'" is niet ingevuld.') == false){
        break;
      }
    }
}

function validate_required(field, alerttxt)
{
  var value = document.getElementById(field).value;
  if (value==null||value==""||value=="+")
  {
    alert(alerttxt); document.getElementById(field).className = "field_error"; document.getElementById(field).focus(); return false;
  }else{
    document.getElementById(field).className = "normal";
    return true;
  }
}

function reset_fielderrors(){
  var allfields_ok = true;
  for(var i=0; i<required_fields_firma.length; i++){	
	value = document.getElementById(required_fields_firma[i]).value;	
	if (value==null||value==""||value=="+"){
			allfields_ok = false;
			break;	    
	}		
  }
  if (allfields_ok == true){
			document.getElementById('volgende_firmalink_volgende').style.display  = 'inline';
			document.getElementById('volgende_firmalink_messagelink').style.display  = 'none';	    
	    }else{
			document.getElementById('volgende_firmalink_volgende').style.display  = 'none';
			document.getElementById('volgende_firmalink_messagelink').style.display  = 'inline';		
  }
}

function zenden(){
	document.getElementById('verzendinfotext').innerHTML = "";
	document.getElementById('verzendbuttons').style.visibility = 'hidden';
	document.getElementById('sendingpage').style.display = 'none';
	document.getElementById('log').style.display = 'inline';
}