var current_page = 0;
var timer; 

window.addEvent('domready', function(){
	if($('huisfoto') != null)
	{
		$('huisfoto').addEvent('load', function(){
			this.set('height', 'auto');
			this.set('width', 320);
			var size = this.getSize();
			if(size.y > 210)
			{
				this.setStyle('width', 'auto');
				this.setStyle('height', 210);	
			} else
			{
				this.setStyle('height', 'auto');
			}
		});
		$('foto_prev').addEvent('click', function(){
			if(i_foto == 0) return;
			i_foto--;
			$('huisfoto').set('src', fotos[i_foto]);
			$('i_foto').set('html', (i_foto+1));
			if(i_foto+1 < fotos.length) $('foto_next').removeClass('disabled');
			if(i_foto <= 0) this.addClass('disabled');
		});	
		$('foto_next').addEvent('click', function(){
			if(i_foto+1 >= fotos.length) return;
			i_foto++;
			$('huisfoto').set('src', fotos[i_foto]);
			$('i_foto').set('html', (i_foto+1));
			if(i_foto > 0) $('foto_prev').removeClass('disabled');
			if(i_foto+1 >= fotos.length) this.addClass('disabled');
		});	
	}
	
	if($('aankomst') != null)
	{
		var cal_aankomst = new Calendar({
				  inputField: "aankomst",
				  dateFormat: "%d-%m-%Y",
				  trigger: "aankomst_btn",
				  bottomBar: false,
				  onSelect: function() {
					  	  $('vertrek').set('value',  Calendar.printDate(Calendar.intToDate(this.selection.get()+7), '%d-%m-%Y') );
						  var date = Calendar.intToDate(this.selection.get());
						  cal_vertrek.args.min = date;
						  cal_vertrek.redraw();
						  this.hide();
				  }
		  });
		var cal_vertrek = new Calendar({
				  inputField: "vertrek",
				  dateFormat: "%d-%m-%Y",
				  trigger: "vertrek_btn",
				  bottomBar: false,
				  onSelect: function() {
						  this.hide();
				  }
		  });
		var hotel_cal_aankomst = new Calendar({
				  inputField: "hotel_aankomst",
				  dateFormat: "%d-%m-%Y",
				  trigger: "hotel_aankomst_btn",
				  bottomBar: false,
				  onSelect: function() {
					  	  
						  this.hide();
				  }
		  });
		
		var lm_cal_aankomst = new Calendar({
				  inputField: "lmaankomst",
				  dateFormat: "%d-%m-%Y",
				  trigger: "lmaankomst_btn",
				  bottomBar: false,
				  onSelect: function() {
					  	  $('lmvertrek').set('value',  Calendar.printDate(Calendar.intToDate(this.selection.get()+7), '%d-%m-%Y') );
						  var date = Calendar.intToDate(this.selection.get());
						  lm_cal_vertrek.args.min = date;
						  lm_cal_vertrek.redraw();
						  this.hide();
				  }
		  });
		var lm_cal_vertrek = new Calendar({
				  inputField: "lmvertrek", 
				  dateFormat: "%d-%m-%Y",
				  trigger: "lmvertrek_btn",
				  bottomBar: false,
				  onSelect: function() {
						  this.hide();
				  }
		  });
	}
	
	var tabs = $$('#zoeken .tab');
	tabs.addEvent('click', function(){
		tabs.removeClass("selected");
		this.addClass("selected");
		
		$$('#zoeken .zoekform').setStyle('display', 'none');
		$(this.get('id').replace("_tab", "")).setStyle('display', '');
	});
	
	if($('btn_video') != null)
	{
		$('btn_video').addEvent('click', function(){
			var bgLayer = new Element("div")
				.set('id', 'bgLayer')
				.set('html', 'hello')
				.addEvent('click', function(){
					$('bgLayer').dispose();
					$('overlay').dispose();
				})
				.inject($('body'));
			var overlay = new Element("div")
				.set('id', 'overlay')
				.setStyle('left', ($('body').getSize().x - 540) / 2)
				.inject($('body'));
				
			new Element("div")
				.set('id', 'closeOverlay')
				.addEvent('click', function(){
					bgLayer.fireEvent("click");
				})
				.inject(overlay);
			
			new Swiff('/wp-content/themes/vlieland/video/player.swf', {
				id: 'f4Player',
				width: 540,
				height: 400,
				params: {
					menu: false,
					allowFullScreen: true,
					allowScriptAccess: 'always'
				},
				vars: {
					skin: '/wp-content/themes/vlieland/video/purple.swf',
					video: '/wp-content/themes/vlieland/video/film.flv',
					autoplay: 1
				}
			}).inject(overlay);

		});

	}
	
	if($('header') != null && $('paging') != null)
	{
		timer = change_header.periodical(8000);	

		$$('#paging .nr').addEvent('click', function(){
			current_page = this.get('id').replace('nr', '').toInt()-1;
			change_header();
			$clear(timer);
			timer = change_header.periodical(8000);	
		});

	}
	
	if($('resultaat') != null) init_paging();
	
	var huis_tabs = $$('.huis .tabs .tab');
	huis_tabs.addEvent('click', function(){
		huis_tabs.removeClass('selected');
		this.addClass('selected');
		$$('.huis .contentpage').addClass('hide');
		$(this.id.replace('tab', 'content')).removeClass('hide');
	});
	
	$$('.huis .tabs #tab2').addEvent('click', function(){
		if(map_tab_clicked) return;
		map_tab_clicked = true;
		
		
		var latlng = new google.maps.LatLng(53.28, 4.99);
		var myOptions = {
			zoom: 12,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.SATELLITE
		};
		var map = new google.maps.Map(document.getElementById("map"), myOptions);
	  	var marker = new google.maps.Marker({
			position: new google.maps.LatLng(lat, lng),
			map: map,
			title: "Vakantiehuis"
		});

	});
	
	$$('.acco_overzicht img').setStyle("width", 150);
	
	$$(".adresbindex").addEvent('click', function(){
		details(this.get('html'));   
	});
	
	if($('bgLayer') != null)
	{
		$("bgLayer").addEvent('click', function(){
			$('bgLayer').setStyle('display', 'none');
			$('overlay').setStyle('display', 'none');
			$clear(theTimer);
		});
		
		$("closeOverlay").addEvent('click', function(){
			bgLayer.fireEvent("click");
		});
	
	}
});

function change_header()
{
	current_page++;
	if(current_page >= 3) current_page = 0;
	var tween = new Fx.Tween($('header-inner'), {duration: 1500}); 
	tween.start('margin-left', current_page*-690);
	$$('#paging .nr').removeClass('selected');
	$('nr'+current_page).addClass('selected');
}


function init_paging()
{
	$$('#pages-boven .nr, #pages-onder .nr').addEvent('click', function(){
		$$('#pages-boven .nr, #pages-onder .nr').removeClass('selected');
		this.addClass('selected');
		if($(this.get('id').replace('boven_', 'onder_')) != this)
		{
			$(this.get('id').replace('boven_', 'onder_')).addClass('selected');
		} else
		{
			$(this.get('id').replace('onder_', 'boven_')).addClass('selected');
		}
		
		var page = this.get('id').replace('nr_', '').replace('boven_', '').replace('onder_', '').toInt();
		$$('#resultaat .page, #txtresultaat .page').addClass('hide');
		$$('#page_'+page+', #txt_page_'+page).removeClass('hide');
	});
}

function details(trefwoord){
	new Request.HTML({
		url: '/wp-content/themes/vlieland/ajax.php',
		data: {
			'ajax_function': 'get_address',
			'trefwoord': trefwoord
		},
		update: 'details'
	}).send();

	//$.getJSON("/2009fase2/beheer/cms/logic/adresboek.php", {functie : 'getAddresses', gebruiker: '',trefwoord: trefwoord}, details_feedback);
	return false; 
}

var theTimer;
var BaseURL;
var File;
function show_webcam()
{
	$('bgLayer').setStyle('display', '');
	var overlay = $('overlay')
		.addClass('white')
		.setStyle('left', ($('body').getSize().x - 740) / 2)
		.setStyle('display', '')
		.setStyle('height', 450);

	// Set the BaseURL to the URL of your camera
	BaseURL = "http://vvvvlieland.dynalias.net:443/";
	
	// DisplayWidth & DisplayHeight specifies the displayed width & height of the image.
	// You may change these numbers, the effect will be a stretched or a shrunk image
	var DisplayWidth = "352";
	var DisplayHeight = "288";
	
	// This is the path to the image generating file inside the camera itself
	File = "axis-cgi/jpg/image.cgi?resolution=352x288";
	
	// Force an immediate image load
	
	$('theImage')
		.set('width', DisplayWidth)
		.set('height', DisplayHeight)
		.set('alt', 'Live image')
		.setStyle('float', 'left');
	theTimer = setTimeout('reloadImage()', 1);

	new Request.HTML({
		url: '/wp-content/themes/vlieland/ajax.php',
		data: {
			'ajax_function': 'webcam_banners'
		},
		update: 'webcam-banners'
	}).send();
	

}

function reloadImage()
{
  var theDate = new Date();
  var url = BaseURL;
  url += File;
  url += '&dummy=' + theDate.getTime().toString(10);
  // The dummy above enforces a bypass of the browser image cache
  // Here we load the image
  $('theImage').set('src', url);

  // Reload the image every 1 second (1000 ms)
  theTimer = setTimeout('reloadImage()', 1000);
}