function submitForm(sWaitMessage, sSuccesMessage, sInputClass, sFormContainer, sAction)
{
  var input = $("." + sInputClass);
  var dataString = '';
  var filter=/^.+@.+\..{2,3}$/;
  
  if( $("#Achternaam").val() == "" ||
      $("#Straat").val() == "" ||
      $("#Postcode").val() == "" ||
      $("#Plaats").val() == "" ||
      $("#E-mail").val() == "" ||
      ! filter.test($("#E-mail").val()) ||
      $("#Telefoonnumer").val() == "") {
        alert("U heeft niet alle verplichte velden (correct) ingevuld");
        return;
      }
 
   if( $("#Datum").length != 0 ) {
	if( $("#Datum").val() == "") {
   	 alert("U heeft niet alle verplichte velden (correct) ingevuld");
        return;
      }

   } 

  for (i = 0 ; i < input.length ; i++)
  {
    if (input[i].type == 'radio')
    {
      if (input[i].checked)
        dataString += input[i].name + '=' + input[i].value + '&';
    }
    else
    {
      dataString += input[i].name + '=' + input[i].value + '&';
    }
  }

  $("#" + sFormContainer).html(sWaitMessage);

  $.ajax({
    type: "POST",
    url: sAction,
    data: dataString,
    success: function() {
      $("#" + sFormContainer).html(sSuccesMessage);
    }
  });
}

function resetForm(sInputClass)
{
  var input = $("." + sInputClass);
  input.each(function() {
    this.value = '';
  }
  );
}

jQuery(document).ready(function($) {
	if (document.getElementById("thumbs"))
	{
		// We only want these styles applied when javascript is enabled
		$('div.navigation').css({'width' : '260px', 'float' : 'left', 'margin-top' : '26px'});
		$('div.content').css('display', 'block');

		// Initially set opacity on thumbs and add
		// additional styling for hover effect on thumbs
		var onMouseOutOpacity = 0.67;
		$('#thumbs ul.thumbs li').opacityrollover({
			mouseOutOpacity:   onMouseOutOpacity,
			mouseOverOpacity:  1.0,
			fadeSpeed:         'fast',
			exemptionSelector: '.selected'
		});

		// Initialize Advanced Galleriffic Gallery
		var gallery = $('#thumbs').galleriffic({
			delay:                     2000,
			numThumbs:                 8,
			preloadAhead:              10,
			enableTopPager:            false,
			enableBottomPager:         true,
			maxPagesToShow:            7,
			imageContainerSel:         '#slideshow',
			controlsContainerSel:      '#controls',
			captionContainerSel:       '#caption',
			loadingContainerSel:       '#loading',
			renderSSControls:          true,
			renderNavControls:         true,
			playLinkText:              'start diavoorstelling',
			pauseLinkText:             'pauzeer diavoorstelling',
			prevLinkText:              '&lsaquo; vorige foto',
			nextLinkText:              'volgende foto &rsaquo;',
			nextPageLinkText:          'volgende &rsaquo;',
			prevPageLinkText:          '&lsaquo; vorige',
			enableHistory:             false,
			autoStart:                 false,
			syncTransitions:           true,
			defaultTransitionDuration: 800,
			onSlideChange:             function(prevIndex, nextIndex) {
				// 'this' refers to the gallery, which is an extension of $('#thumbs')
				this.find('ul.thumbs').children()
					.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
					.eq(nextIndex).fadeTo('fast', 1.0);
			},
			onPageTransitionOut:       function(callback) {
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn:        function() {
			this.fadeTo('fast', 1.0);
			}
		});
	}
});


jQuery(document).ready(function() {
	jQuery("#frontpage-banner").click(function() {
		jQuery("#frontpage-banner").hide();
	});
});