var cookie_name_font_size = 'font_size';

function font_resize(size) {
	$.cookie(cookie_name_font_size, size);
	$("#page").css("fontSize", size + "pt");
}

$(document).ready(function() {
	var fontsize = 10;

	if($.cookie(cookie_name_font_size) != null) {
		fontsize = $.cookie(cookie_name_font_size);
	}
	font_resize(fontsize);

	$(".tipTip").tipTip({maxWidth:"500px"});

	$(".page_help_button a").fancybox({
		'hideOnContentClick': true,
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600,
		'speedOut'		:	200,
		'padding'       : 5,
		'showCloseButton' : true
	});

	$(".lightbox").fancybox();

	$("#gallery").each(
		function(){
//			$("#submenu").css("display","none");
//			$("#content").css("width","740px");

			//Statements to implement Gallerriffic
			//$('div.navigation').css({'width' : '300px', 'float' : 'left'});
			$('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').css('opacity', onMouseOutOpacity)
				.hover(
					function () {
						$(this).not('.selected').fadeTo('fast', 1.0);
					},
					function () {
						$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
					}
				);

			var gallery = $('#gallery').galleriffic('#thumbs', {
			    delay:                  2000, // in milliseconds
			    numThumbs:              20, // The number of thumbnails to show page
			    preloadAhead:           40, // Set to -1 to preload all images
			    enableTopPager:         false,
			    enableBottomPager:      false,
			    imageContainerSel:      '#slideshow',
			    controlsContainerSel:   '#controls',
			    captionContainerSel:    '#caption',
			    loadingContainerSel:    '#loading',
			    renderSSControls:       true, // Specifies whether the slideshow's Play and Pause links should be rendered
			    renderNavControls:      true, // Specifies whether the slideshow's Next and Previous links should be rendered
			    playLinkText:           'Play',
			    pauseLinkText:          'Pause',
			    prevLinkText:           'Previous',
			    nextLinkText:           'Next',
			    nextPageLinkText:       'Next ›',
			    prevPageLinkText:       '‹ Prev',
			    enableHistory:          false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
			    autoStart:              false, // Specifies whether the slideshow should be playing or paused when the page first loads
				onChange:               function(prevIndex, nextIndex) {
					$('#thumbs ul.thumbs').children()
						.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
						.eq(nextIndex).fadeTo('fast', 1.0);
				},
				onTransitionOut:        function(callback) {
					$('#caption').fadeTo('fast', 0.0);
					$('#slideshow').fadeTo('fast', 0.0, callback);
				},
				onTransitionIn:         function() {
					$('#slideshow').fadeTo('fast', 1.0);
					$('#caption').fadeTo('fast', 1.0);
				},
				onPageTransitionOut:    function(callback) {
					$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
				},
				onPageTransitionIn:     function() {
					$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
				}
			});
		}
	);
	
	$("#advanced_search input").bind("click", function() {
		process_property($(this));
	});
	
	$("#toggle_advanced_search").bind("click", function() {
		if($("#advanced_search").is(':hidden')) {
			$("#advanced_search").slideDown(300,function(){
				$("#toggle_advanced_search").html("Eenvoudig zoeken (reset)");
			});
		} else {
			$("#advanced_search").slideUp(300,function(){
				$("#advanced_search input:type['checkbox']").attr("checked", false);
				process_property(false);
				$("#toggle_advanced_search").html("Geavanceerd zoeken");
			});
		}
		return false;
	});
	
});

function process_property(objInput) {
// 	alert("input id: "+$(objInput).attr("id"));
	
	cluster.removeMarkers();
	
	for(key in markersArray) {
		markersArray[key].hide();
	}
	
	if(objInput == false) {
		parm = {property : false};
	} else {
		parm = $(objInput).attr("id");
	}
	
	$.getJSON('/zoek-boek'
	         ,parm
	         ,function(visibleMarkers) {
		for(index in visibleMarkers) {
			markersArray[index].show();
		}
		
		cluster.addMarkers( markersArray );
		cluster.refresh(true);	//	true required to force a full update of the markers - otherwise the update would occur next time that the map is zoomed or the active markers change
	});
};