var flag;
var twitterMargin = reactiesMargin = 0;
jQuery(document).ready(function() 
{			
	$.datepicker.regional['nl'] = {
        closeText: 'Sluiten',
        prevText: '←',
        nextText: '→',
        currentText: 'Vandaag',
        monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
        'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
        monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
        'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
        dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
        dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
        dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
        weekHeader: 'Wk',
        dateFormat: 'dd-mm-yy',
        firstDay: 0,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''};
    $.datepicker.setDefaults($.datepicker.regional['nl']);
	
	if($('#aankomst') != null && $('#vertrek') != null)
	{
		var dates = $( "#aankomst, #vertrek" ).datepicker({
			defaultDate: "+1w",
			changeMonth: false,
			numberOfMonths: 3,
			beforeShow: function() {
				setTimeout(function() {
					$('#ui-datepicker-div').css('zIndex', 100);
				}, 100);
			},
			onSelect: function( selectedDate ) {
				var option = this.id == "aankomst" ? "minDate" : "maxDate",
					instance = $( this ).data( "datepicker" ),
					date = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						selectedDate, instance.settings );
				dates.not( this ).datepicker( "option", option, date );
				if(this.id == 'aankomst')
				{
					var date_vertrek = $.datepicker.parseDate(
						instance.settings.dateFormat ||
						$.datepicker._defaults.dateFormat,
						$('#vertrek').val(), instance.settings );
					if(date_vertrek <= date)
					{
						date_vertrek.setDate(date.getDate()+7);
						
						$('#vertrek').val( date_vertrek.getDate() + '-' + (date_vertrek.getMonth()+1) +  '-' + date_vertrek.getFullYear() );
					} 
				}
			}
		});
		
		$('#cal-aankomst').click(function(){
			$('#aankomst').trigger('focus');
		});
		$('#cal-vertrek').click(function(){
			$('#vertrek').trigger('focus');
		});
	}
	
	if($('#fotos').length > 0)
	{
		Galleria.loadTheme('/templates/js/galleria.folio.min.js');
		$('#fotos').galleria();
	}
	
	if($('#friesland').length > 0)
	{
		$('#friesland .camping').mouseover(function(){
			$(this).children().fadeIn(400);
			$(this).addClass('current');
		});
		$('#friesland .camping').mouseout(function(){
			if($(this).hasClass('head')) return;
			$(this).children().hide();
			$(this).removeClass('current');
		});
	}
	
	if($('#twitter').length > 0)
	{
		setTimeout(animate_twitter, 7000);
	}
	if($('#reacties').length > 0)
	{
		setTimeout(animate_reacties, 7000);
	}
	
	if($('#header').length > 0)
	{
		$('#header .header').css('opacity', 0);
		var current = $('#header .header').first();
		current.css('opacity', 1).addClass('current');
		$('#pompebled-'+current.attr('id').replace('header-', '')).trigger('mouseover').addClass('head');
		setTimeout(animate_header, 5000);
	}
});

function animate_twitter()
{
	twitterMargin -= 240;
	if(twitterMargin < -4 * 240) twitterMargin = 0;
	$('#tweets').animate({'margin-left': twitterMargin}, 1000);
	setTimeout(animate_twitter, 7000);	
}

function animate_reacties()
{
	reactiesMargin -= 240;
	if(reactiesMargin < -4 * 240) reactiesMargin = 0;
	$('#reacties-inner').animate({'margin-left': reactiesMargin}, 1000);
	setTimeout(animate_reacties, 7000);	
}

function animate_header()
{
	var current = $('#header .header.current');
	var next = current.next();
	if(next.length == 0) next = $('#header .header').first();
	current.css('z-index', 2).animate({'opacity': 0}, 1000).removeClass('current');
	next.css('opacity', 1).css('z-index', 1).addClass('current');
	
	$('#pompebled-'+current.attr('id').replace('header-', '')).removeClass('head').trigger('mouseout');
	$('#pompebled-'+next.attr('id').replace('header-', '')).addClass('head').trigger('mouseover');
	setTimeout(animate_header, 5000);
}

function get_calendar(maand, jaar)
{
	$('#calendar')
		.html('laden...')
		.load(url, {
			'ajax_function': 'get_calendar',
			maand: maand,
			jaar: jaar
		});
}

function get_prijzen(datum)
{
	$('#prijzen')
		.html('laden...')
		.load(url, {
			'ajax_function': 'get_prijzen',
			datum: datum
		});
}