function fullscreen(href)
{
	window.open(href, 'Restaurant Katseveer', ',type=fullWindow,fullscreen,scrollbars=yes,location=no,directories=no,status=no,menubar=no,toolbar=no,address=no');
}


$(document).ready(function() {
	
	$('.open_map').click(function(){
		$('#google_maps').fadeIn();
		initialize();
	});
	
	$('.scroller').jScrollPane({
		showArrows: true,
		animateScroll: true,
		arrowScrollOnHover: true
	});
		
	$('.image_box').click(function(){
		$('#overlay').fadeIn();
		
		var alt = $(this).attr("alt");
		
		$('#overlay_images').cycle({ 
			fx:     'fade', 
			timeout: 0, 
			next:   '#next', 
			prev:   '#prev',
			startingSlide: alt
		});
		
	});
	
	$('#overlay_close').click(function(){
		$('#overlay').fadeOut();
	});
	
	$('.slide_show').cycle({
		timeout: 5500
	});

});

function initialize() {
  var myLatlng = new google.maps.LatLng(51.539996,3.870943);
  var myOptions = {
    zoom: 15,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.TERRAIN,
	streetViewControl: false,
	mapTypeControl: false
  }
  var map = new google.maps.Map(document.getElementById("google_maps"), myOptions);

  var image = 'http://www.dorstcommunicatie.com/sitedock/katseveer/templates/include/img/marker.png';
  var myLatLng = new google.maps.LatLng(51.539996,3.870943);
  var beachMarker = new google.maps.Marker({
      position: myLatLng,
      map: map,
      icon: image
  });
}