$(document).ready(function() {
		//target=_blank for all external links
		$("a[rel='external']").each (function()
		{
			$(this).attr("target","_blank");
		});
		
		// Add class .hover to all td tags within table id="result-listing"
		//$("#result-listing a").css("border", "1px dotted red");
		$("#result-listing td a").hover(function() {
		  $(this).parent().addClass("hover");
		}, function() {
		  $(this).parent().removeClass("hover");
		});
		
		$("#result-listing li:first").addClass("first");
		$("#result-listing li:last").addClass("last");
		$("#pisteinformatie").hide();
				
		//piste.php pistekaart en pisteinformatie toggle
		$(".pistekaart-link").click(function() {
			$("#pistekaart").show();
			$("#pisteinformatie").hide();
			$("#map-info").removeClass("info");
		});
		//piste.php pistekaart en pisteinformatie toggle
		$(".pisteinformatie-link").click(function() {
			$("#pistekaart").hide();
			$("#pisteinformatie").show();
			$("#map-info").addClass("info");
		});
				
		// verberg alle inputs bij vragen met javascript - zodat formulier blijft werken als js uit staat
		$("#skiwizard-wrapper input").hide();
		$("#skiwizard-wrapper input:checked").siblings("label").addClass("select");
		$("#skiwizard-wrapper input:not(:checked)").siblings("label").removeClass("select");
		
		// vraag 1 (q1) met wie ga je op wintersport click communicatie naar input
		$("#skiwizard-wrapper label").click(function(){
			var inputid = $(this).attr('for');
			var inputfield = $('#' +inputid);

			if (inputfield) {
				switch(inputfield[0].type) {
					case "radio": 
						$(inputfield[0]).attr('checked',true);
						break;
					case "checkbox":
						if ($(inputfield[0]).attr('checked') == true) {
							$(inputfield[0]).attr('checked',false);
						} else {
							$(inputfield[0]).attr('checked',true);
						}
						$(this).toggleClass("select");
						break;
				}
				$(inputfield[0]).change();
			}
			return false;
		});
		$("#skiwizard-wrapper input[type='radio']").change(function(){
				$("#skiwizard-wrapper input:not(:checked)").siblings("label").removeClass("select");
				$( "#lbl-" + $("#skiwizard-wrapper input:checked").attr ( 'id' ) ).addClass ( "select" );
				return false;
		});
		$("#skiwizard-wrapper input[type='checkbox']").change(function(){
				$(this).toggleClass("select");
				return false;
		});
				
		$('#verderknop').click(function() {
			$('#first').val(1);
			$('form#wizardform').submit();
		});
		$('#resultback').click(function() {
			var first = ($('#resultfirst').html() * 1);
			var nextfirst = first - 8; 
			if (nextfirst < 0) {
				nextfirst = 1;
			}
			$('#first').val(nextfirst);
			ajaxupdate();
			$(this).blur();
			return false;
		});
		$('#resultnext').click(function() {
			var first = ($('#resultfirst').html() * 1);
			var last = ($('#resultcount').html() * 1);
			var nextfirst = first + 8; 
			if (nextfirst < last) {
				$('#first').val(nextfirst);
				ajaxupdate();
			}
			$(this).blur();
			return false;
		});

		$('input.vraag1').change(function() {
			var keuze = $(this).val();
			$('#gezelschap').val(keuze);
			if ((keuze == 'solo') || (keuze == 'duo')) {
				$('form#wizardform').attr("action","skiwizard-reizen-naar-skigebied.php");
				$('#kind').val('');
			} else {
				$('form#wizardform').attr("action","skiwizard-kindvriendelijkheid-skigebied.php");
			}
			ajaxupdate();
		});
		$('input.vraag1a').change(function() {
			//var keuze = $(this).val();
			
			
			var isNothingSelected = $(this).val().toString();
			if (isNothingSelected == '0')
			{
				$(".q1a-list-wrapper label.select").removeClass('select');
				$("#lbl-maaktnietuit").addClass('select');
				$('input.vraag1a:checked').removeAttr('checked');
				$('#maaktnietuit').attr('checked', "checked");
			}
			else
			{
				$("#lbl-maaktnietuit").removeClass('select');
				$('#maaktnietuit').removeAttr('checked');
			}
			
			var keuze = "";
			$('input.vraag1a:checked').each(function(i,n) {
					keuze = keuze + $(n).val() + " ";
			});
			$('#kind').val(keuze);
			$('#first').val(1);
			ajaxupdate();
		});
		$('input.vraag2').change(function() {
			var landen = ""
			
			$('input.vraag2:checked').each(function(i,n) {
				landen = landen + $(n).val() + " ";
			});
			$('form#wizardform').attr("action","skiwizard-met-wie-ga-je-op-wintersport.php");
			$('#land').val(landen);
			$('#first').val(1);
			ajaxupdate();
		});
		$('input.vraag3').change(function() {
			var keuze = $(this).val();
			if (keuze == '') {
				$('form#wizardform').attr("action","skiwizard-maximale-afstand-skigebied.php");
			} else {
				$('form#wizardform').attr("action","skiwizard-wensen-skigebied.php");
			}
			$('#vervoer').val(keuze);
			$('#first').val(1);
			ajaxupdate();
		});
		$('input.vraag3a').change(function() {
			var keuze = $(this).val();
			$('#reisduur').val(keuze);
			$('#first').val(1);
			ajaxupdate();
		});
		$('input.vraag4').change(function() {
			var wensen = ""
			$('input.vraag4:checked').each(function(i,n) {
				wensen = wensen + $(n).val() + " ";
			});
			$('#wensen').val(wensen);
			$('#first').val(1);
			ajaxupdate();
		});
		$('input.vraag5').change(function() {
			$('div#grootte-skigebied-img').removeClass();
			var keuze = $(this).val();
			var rel = $(this).attr('rel');
			$('div#grootte-skigebied-img').addClass(rel);
			$('#kmpistes').val(keuze);
			$('#first').val(1);
			ajaxupdate();
		});
		$('input.vraag6').change(function() {
		/*	var keuze = $(this).val();
			$('#sneeuwzeker').val(keuze);
			$('#first').val(1);
		*/
			var isNothingSelected = $(this).val().toString();
			if (isNothingSelected == '0')
			{
				$("#q6-wrapper label.select").removeClass('select');
				$("#lbl-maaktnietuit").addClass('select');
				$('input.vraag6:checked').removeAttr('checked');
				$('#maaktnietuit').attr('checked', "checked");
			}
			else
			{
				$("#lbl-maaktnietuit").removeClass('select');
				$('#maaktnietuit').removeAttr('checked');
			}

			var keuze = "";
			$('input.vraag6:checked').each(function(i,n) {
					keuze = keuze + $(n).val() + " ";
			});
			$('#sneeuwzeker').val(keuze);
			$('#first').val(1);

			ajaxupdate();
		});

		$('#toplijst-vorige').click(function() {
			$(this).blur();
			var shortlists = $('#shortbreaks').val().split(',');
			var shorttitles = $('#shorttitles').val().split(',');
			var curlist = $('#shortlist').val();
			var newpos = jQuery.inArray(curlist, shortlists) - 1;
			if (newpos < 0) {
				newpos = shortlists.length - 1;
			}
			$('#shortlist').val(shortlists[newpos]);
			$('#toplijst-naam').html(shorttitles[newpos]);
			ajaxupdate();
		});
		$('#toplijst-volgende').click(function() {
			$(this).blur();
			var shortlists = $('#shortbreaks').val().split(',');
			var shorttitles = $('#shorttitles').val().split(',');
			var curlist = $('#shortlist').val();
			var newpos = jQuery.inArray(curlist, shortlists) + 1;
			if (newpos >= shortlists.length) {
				newpos = 0;
			}
			$('#shortlist').val(shortlists[newpos]);
			$('#toplijst-naam').html(shorttitles[newpos]);
			ajaxupdate();
		});

		$('#mediaindex div.page1').show();
		$('#mediaindex div.thumb a.youtube').click(function() {
			var tubeid = $(this).attr('rel');
			var so = new SWFObject('swf/player-licensed.swf','mpl','250','210','9');
			so.addParam('allowfullscreen','true');
			so.addParam('usefullscreen','true');
			so.addParam('allowscriptaccess','always');
			so.addParam('wmode','opaque');
			so.addVariable('file','http://www.youtube.com/v/' + tubeid);
  			so.addVariable('skin','swf/modieus.swf');
			so.addVariable('dock','false');
			so.addVariable('backcolor','3b74b3');
			so.addVariable('frontcolor','ffffff');
			so.addVariable('lightcolor','0e397e');
			so.addVariable('screencolor','e4f0fa');
			so.addVariable('autostart','true');
			so.write('theplayer');
			$(this).blur();
		});
		$('#mediaindex div.thumb a.panoramio').click(function() {
			var panoramioid = $(this).attr('rel');
			var img = "<img height=\"180\" src=\"http://mw2.google.com/mw-panoramio/photos/small/" + panoramioid + ".jpg\" />";
			$('#theplayer').html(img);
			$(this).blur();
		});

		$('#prevthumbs').click(function() {
			var pages = $('div.thumbpage');
			var current = 0;
			/*
			for (i = 0; i < pages.length; i++) {
				page = pages.get(i);
				if ($(page).css('display') != 'none') {
					var current = i;
				}
			}
			*/
			
			$('div.thumbpage').each(function (index, domEle) {
	        // domEle == this
		        if ($(this).css('display') != 'none') {
		          current = index;
		        }
	      	});
			
			var prev = current - 1;
			$('div.thumbpage').hide();
			if (prev < 0) {
				prev = (pages.length - 1);
			}
			$('div.page' + (prev+1)).show();
		});
		$('#nextthumbs').click(function() {
			var pages = $('div.thumbpage');
			var current = 0;
			/*
			var page;
			for (i = 0; i < pages.length; i++) {
				//page = pages[i];
				page = pages.get(i);
				if ($(page).css('display') != 'none') {
					var current = i;
				}
			}
			*/
			
			$('div.thumbpage').each(function (index, domEle) {
	        // domEle == this
		        if ($(this).css('display') != 'none') {
		          current = index;
		        }
	      	});
			
			
			var next = current + 1;
			$('div.thumbpage').hide();
			if (next > (pages.length - 1)) {
				next = 0;
			}
			$('div.page' + (next+1)).show();
		});

		$('#sendafriend-preview').click(function() {
			$('#verstuur-piste-succes').hide();
			if (validateform()) {
				$('#tmpl_voornaam').html($('#voornaamontvanger').val());
				$('#tmpl_afzvoornaam').html($('#voornaamafzender').val());
				$('#verstuur-piste-form').hide();
				$('#mailpreview').show();
			}
		});
		
		$('#sendafriend-wijzig').click(function() {
			$('#verstuur-piste-succes').hide();
			$('#verstuur-piste-form').show();
			$('#mailpreview').hide();
		});
		
		$('#sendafriendform').submit(function() {

			$('#sendafriend-kind').val($('#kind').val());
			$('#sendafriend-land').val($('#land').val());
			$('#sendafriend-piste').val($('#piste').val());
			$('#sendafriend-vervoer').val($('#vervoer').val());
			$('#sendafriend-reisduur').val($('#reisduur').val());
			$('#sendafriend-wensen').val($('#wensen').val());
			$('#sendafriend-kmpistes').val($('#kmpistes').val());
			$('#sendafriend-sneeuwzeker').val($('#sneeuwzeker').val());
			$('#sendafriend-shortlist').val($('#shortlist').val());
			$('#sendafriend-first').val($('#first').val());

			// check de velden
			
			// post ze naar mail.php
			var options = { 
				target:        '#verstuur-piste-succes',
				success:       function () {
					$('#verstuur-piste-succes').show();
				}
			}; 
			showsendform();
			$(this).ajaxSubmit(options);

			return false;
		});

		function validateform() { 
			$('#errormessage').hide();
			$('#errormessage').html("");
			var result = true;
			var emailfilter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,5})+$/;
			var msg = "";
			var focussed = false;
			if (!$('#voornaamontvanger').val()) {
				msg = msg + "<li>Uw heeft geen voornaam van de ontvanger ingevuld.</li>";
				if (focussed == false) {
					$('#voornaamontvanger').focus();
					focussed = true;
				}
				result = false;
			}
			if (!$('#achternaamontvanger').val()) {
				msg = msg + "<li>Uw heeft geen achternaam van de ontvanger ingevuld.</li>";
				if (focussed == false) {
					$('#achternaamontvanger').focus();
					focussed = true;
				}
				result = false;
			}
			if (!emailfilter.test($('#emailontvanger').val())) {
				msg = msg + "<li>Uw heeft geen geldig email van de ontvanger ingevuld.</li>";
				if (focussed == false) {
					$('#emailontvanger').focus();
					focussed = true;
				}
				result = false;
			} 
			if (!$('#voornaamafzender').val()) {
				msg = msg + "<li>Uw heeft geen voornaam van de afzender ingevuld.</li>";
				if (focussed == false) {
					$('#voornaamafzender').focus();
					focussed = true;
				}
				result = false;
			}
			if (!$('#achternaamafzender').val()) {
				msg = msg + "<li>Uw heeft geen achternaam van de afzender ingevuld.</li>";
				if (focussed == false) {
					$('#achternaamafzender').focus();
					focussed = true;
				}
				result = false;
			}
			if (!emailfilter.test($('#emailafzender').val())) {
				msg = msg + "<li>Uw heeft geen geldig email van de afzender ingevuld.</li>";
				if (focussed == false) {
					$('#emailafzender').focus();
					focussed = true;
				}
				result = false;
			}
			if (result == false) {
				var html = "<strong>De volgende fouten zijn opgetreden:</strong><ul>" + msg + "</ul>";
				$('#errormessage').html(html);
				$('#errormessage').show();
			}

			return result; 
		} 
 
function showResponse(responseText, statusText)  { 
    alert('status: ' + statusText + '\n\nresponseText: \n' + responseText + 
        '\n\nThe output div should have already been updated with the responseText.'); 
} 

		ajaxupdate();
	});


	function ajaxupdate() {
		var options = {
			url : 'backend.php',
			type : 'post',
			dataType : 'json',
			success : procesResult
		}

		$("form#wizardform").ajaxSubmit(options);
	}

	function gotopage(page) {
		if (page == 'skiwizard-kindvriendelijkheid-skigebied.php') {
			if (($('#gezelschap').val() == 'duo') || ($('#gezelschap').val() == 'solo')) {
				page = 'skiwizard-met-wie-ga-je-op-wintersport.php';
			}
		}
		if (page == 'skiwizard-maximale-afstand-skigebied.php') {
			if ($('#vervoer').val() != '') {
				page = 'skiwizard-reizen-naar-skigebied.php';
			}
		}
		$('form#wizardform').attr("action",page);
		$('form#wizardform').submit();
	}

	function gopiste(piste) {
		$('#piste').val(piste);
		$('form#wizardform').attr("action","piste.php");
		$('form#wizardform').submit();
	}

	function procesResult(data) {
		var count = data.count;
		$('#result-listing').html(data.html);
		$('#number0').html(data.getal[0]);
		$('#number0').removeClass();
		$('#number0').addClass('result' + data.getal[0]);
		$('#number1').html(data.getal[1]);
		$('#number1').removeClass();
		$('#number1').addClass('result' + data.getal[1]);
		$('#number2').html(data.getal[2]);
		$('#number2').removeClass();
		$('#number2').addClass('result' + data.getal[2]);
		$('#resultfirst').html(data.first);
		$('#resultlast').html(data.last);
		$('#resultcount').html(data.count);
		$('#verderknop').click(function() {
			$('#first').val(1);
			$('form#wizardform').submit();
		});
		$('#goselectie').unbind('click');
		$('#goselectie').click(function() {gopiste(data.firstpiste);});
		if ($('#shortlist').val() != "") {
			$('body.pistepagina div.result-select').addClass('result-select-home');
		}
		$('#verderknoplast').click(function() {gopiste(data.firstpiste);});
		if (count > 0) {
			$('body.pistepagina a#goselectie').click(function() {
				$('form#wizardform').attr("action","skiwizard-voorkeur-land-skigebied.php");
				$('#piste').val("");
				if ($('#shortlist').val() != "") {
					$('form#wizardform').attr("action","index.php");
				}
				$('form#wizardform').submit();
				return false;
			});
			$('#goselectie').removeClass('inactive');
			$('#verderknoplast').removeClass('inactive');
			$('#no-results-message').hide();
			$("#result-listing td").hover(function() {
			  $(this).addClass("hover");
			}, function() {
			  $(this).removeClass("hover");
			});
		} else {
			$('#goselectie').unbind('click');
			$('#goselectie').addClass('inactive');
			$('#verderknoplast').unbind('click');
			$('#verderknoplast').addClass('inactive');
			$('#resultfirst').html(0);
			$('#resultlast').html(0);
			$('#resultcount').html(0);
			$('#no-results-message').show();
		}
		
		if (data.first <= 1) {
			$('#resultback').addClass('inactive');
		} else {
			$('#resultback').removeClass('inactive');
		}
		if (data.last >= data.count) {
			$('#resultnext').addClass('inactive');
		} else {
			$('#resultnext').removeClass('inactive');
		}
	}

	function showsendform() {
		$('#verstuur-piste-form').show();
	 	$('#mailpreview').hide();
	}