$(document).ready(

	function()
	{
		initAgenda();
		initGallery();
		initSearch();
		initHrSearch();
		initIcalDatepicker();
		
		$("#wrapper").supersleight({ shim: '/static/images/shim.gif'});
	}
);

jQuery.fn.supersleight = function(settings) {
	settings = jQuery.extend({
		imgs: true,
		backgrounds: true,
		shim: 'x.gif',
		apply_positioning: true
	}, settings);
	
	return this.each(function(){
		if (jQuery.browser.msie && parseInt(jQuery.browser.version) < 7 && parseInt(jQuery.browser.version) > 4) {
			jQuery(this).find('*').each(function(i,obj) {
				var self = jQuery(obj);
				// background pngs
				if (settings.backgrounds && self.css('background-image').match(/\.png/i) !== null) {
					var bg = self.css('background-image');
					var src = bg.substring(5,bg.length-2);
					var mode = (self.css('background-repeat') == 'no-repeat' ? 'crop' : 'scale');
					var styles = {
						'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='" + mode + "')",
						'background-image': 'url('+settings.shim+')'
					};
					self.css(styles);
				};
				// image elements
				if (settings.imgs && self.is('img[src$=png]')){
					var styles = {
						'width': self.width() + 'px',
						'height': self.height() + 'px',
						'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + self.attr('src') + "', sizingMethod='scale')"
					};
					self.css(styles).attr('src', settings.shim);
				};
				// apply position to 'active' elements
				if (settings.applyPositioning && self.is('a, input') && self.css('position') === ''){
					self.css('position', 'relative');
				};
			});
		};
	});
};

function initIcalDatepicker(){
	
	//set deault date
	var now = new Date();

	$("#icalstartdate").val(now.format("dd-mm-yyyy"));

	$(".icaldate").datepicker(
		{
			showOn: "both",
			buttonImage: "/static/images/picker.gif" ,
			buttonImageOnly: true,
			duration: "",
			buttonText: "icaldate",
			dateFormat: "dd-mm-yy"
		}
	);

	$("#exportical").click(function() {
		var error = false;
		var startDate = $('#icalstartdate').val();	
		var endDate = $('#icalenddate').val();
		
		if(!startDate) {
			$('.icalerror').html('Startdatum is leeg');	
			error = true;
		}
		if(!endDate) { 
			$('.icalerror').html('Einddatum is leeg');	
			error = true;	
		}
		
		if(error == false) {
			var start = startDate.substr(6,4) + '-' + startDate.substr(3,2) + '-' + startDate.substr(0,2);
			var end = endDate.substr(6,4) + '-' + endDate.substr(3,2) + '-' + endDate.substr(0,2);
			
			var arg1 = $('#icalarg1').val();
			var arg2 = $('#icalarg2').val();
			var baseUrl = $('#icalbaseurl').val();
		
			var url = baseUrl + '/' + arg1 + '/' + arg2 + '/' + start + '/' + end;
			//remove box
			tb_remove()
			
			window.location.href = url;	
		}
		
	});
	
}


function initGallery()
{	
	
	var speed = 'slow';
	var onMouseOutOpacity = 0.67;
	
	$('#thumbs-adv ul.thumbs li').css('opacity', onMouseOutOpacity).hover(
			function () {
				$(this).not('.selected').fadeTo( speed, 1.0);
			}, 
			function () {
				$(this).not('.selected').fadeTo( speed, onMouseOutOpacity);
			}
		);

	
	var galleryAdv = $('#gallery-adv').galleriffic('#thumbs-adv',	

		{
			delay:                  4000,
			numThumbs:              14,
			preloadAhead:           0,
			enableTopPager:         false,
			enableBottomPager:      true,
			imageContainerSel:      '#slideshow-adv',
			controlsContainerSel:   '#controls-adv',
			captionContainerSel:    '#caption-adv',
			loadingContainerSel:    '#loading-adv',
			renderSSControls:       true,
			renderNavControls:      true,
			playLinkText:           'Afspelen',
			pauseLinkText:          'Pauzeren',
			prevLinkText:           '&laquo; Vorige Foto',
			nextLinkText:           'Volgende Foto &raquo;',
			nextPageLinkText:       'Volgende &raquo;',
			prevPageLinkText:       '&laquo; Vorige',
			enableHistory:          false,
			autoStart:              false,
			onChange: function(prevIndex, nextIndex) 
			{
				$('#thumbs-adv ul.thumbs').children().eq(prevIndex).fadeTo( speed, onMouseOutOpacity).end().eq(nextIndex).fadeTo( speed, 1.0);
			},
			onTransitionOut: function(callback)
			{
				$('#slideshow-adv img, #caption-adv').fadeOut(speed, callback);
			},
			onTransitionIn: function() 
			{
				$('#slideshow-adv img, #caption-adv').fadeIn(speed);
			},
			onPageTransitionOut: function(callback)
			{
				$('#thumbs-adv ul.thumbs').fadeOut(speed, callback);
			},
			onPageTransitionIn: function()
			{
				$('#thumbs-adv ul.thumbs').fadeIn(speed);
			}
		}
	);
	
}






function initAgenda()
{
	$(".appointment-info dl").hide();
	
	$(".appointment-info .button").each(
	
		function()
		{
			var info = $(this).next();
			
			$(this).click(
			
				function(e)
				{
					if ( info.is(":visible") )
					{
						info.slideUp();
					} else {
						info.slideDown();
					}
					
					e.preventDefault();
				}
				
			);
		}
		
	);
}


/*

*/

function striptags( str )
{
	return str.replace(/<\/?[^>]+>/gi, '');
}

function trim( str )
{
	return str.replace(/\s+/g,' ')
}

function initSearch()
{
	var sf = document.getElementById("searchform");
	var kw = document.getElementById("keyword");
	var btn = document.getElementById("search");
	
	if ( sf && kw && btn)
	{
		sf.onsubmit = function()
		{		
			submitSearch( kw.value );
			return false;
		}
		
		btn.onclick = function()
		{
			submitSearch( kw.value );;
		}
	}
}

function submitSearch( kw )
{
	var val = trim( striptags( kw ) );	
	
	var url = "/page/zoekresultaten/" + val;
	
	document.location.href = url;
}

function initHrSearch()
{
	var sf = document.getElementById("hr-searchform");
	var kw = document.getElementById("hr-keyword");
	var btn = document.getElementById("hr-search");
	
	if ( sf && kw && btn)
	{
		sf.onsubmit = function()
		{		
			submitHrSearch( kw.value );
			return false;
		}
		
		btn.onclick = function()
		{
			submitHrSearch( kw.value );;
		}
	}
}

function submitHrSearch( kw )
{
	var val = trim( striptags( kw ) );	
	
	var url = "/page/hr-zoekresultaten/" + val;
	
	document.location.href = url;
}