$(function() {
	$('a.login').css('opacity', .1);
	$('a.login').hover(
		function() {
			$(this).css('opacity', 1);
		},
		function() {
			$(this).css('opacity', .1);
		}
	);
		
	$('a').css('outline', 0);
		
	
	$('#BookingDateFrom').datepicker({
		minDate: '+0',
		showAnim: 'fadeIn',
		onSelect: function(dateText, inst) {
			var thisDate = $('#BookingDateFrom').datepicker('getDate');
			$('#BookingDateTo').datepicker('option', 'minDate', thisDate);
		}
	});
	$('#BookingDateTo').datepicker({
		minDate: '+0',
		showAnim: 'fadeIn',
		onSelect: function(dateText, inst) {
			var thisDate = $('#BookingDateTo').datepicker('getDate');
			$('#BookingDateFrom').datepicker('option', 'maxDate', thisDate);
		}
	});
	
	$('a.imageLink').click(function() {	
		if ($(this).hasClass('focus')) {
			return false;
		}
		var href = $(this).attr('href');
		var hrefa = href.split('/');
		var l = hrefa.length - 1;
		var imageId = hrefa[l];
		for (var i in images) {
			var img = images[i];
			if (img.id == imageId) {
				var newImage = imagePath+'/big_'+img.filename;
				var img = new Image();
				img.onload = function() {
					$('div.image img').css('opacity', 1).hide();
					$('div.image img').attr('src', newImage).fadeIn('slow');
				};
				//now set the src to load it..
				$('div.image img').css('opacity', .5);
				img.src = newImage;
				$('a.imageLink').removeClass('focus');
				$(this).addClass('focus');
				break;
			}
		}
		return false;
	});

});