$(document).ready(function(){
	var d = new Date();
	var yearRange = (d.getFullYear() - 80) + ':' + (d.getFullYear() - 16);
	$('.datepicker').datepicker({
		changeMonth	: true,
		changeYear	: true,
		dateFormat 	: 'dd/mm/yy',
		yearRange	: yearRange
	});
	$('input, textarea').each(function(){
		$(this).data('default', $(this).val());
	});
	$('input, textarea').focus(function(){
		if($(this).val() == $(this).data('default')) $(this).val('');
	});
	$('input, textarea').blur(function(){
		if($(this).val() == '') $(this).val($(this).data('default'));
	});
	
	var bookimage = $('<img />').attr('src', '/lambournebarandgrill/images/lambournebarandgrill/opentable_book.png');
	var hideimage = $('<img />').attr('src', '/lambournebarandgrill/images/lambournebarandgrill/opentable_hide.png');
	
	$('a.book').live('click', function(){
		
		$('#bookingtab').css('width', '22px');
	  	$('#bookingtab a.booktab').html(bookimage);
		/* openModal() */
		return false;
	});
	
	var book = $('<a />').addClass('booktab').html(hideimage);
	var opentab = $('<a />').addClass('opentable').attr('href', '/book-a-table.html').html($('<img />').attr('src', '/lambournebarandgrill/images/lambournebarandgrill/opentable_opaque.png'));
	var inside = $('<div />').addClass('inside').append(book).append(opentab);
	var bookingtab = $('<div />').attr('id', 'bookingtab').html(inside);
	
	$('#lambournebarandgrill, #bar, #restaurant, #current-menu, #special-offers, #parties-and-private-events').find('#left-col div.padding').css('position', 'relative').append(bookingtab);
	
	$('a.booktab').toggle(
		function(){
			$(this).closest('#bookingtab').animate({
		    	width: '22px'
		  	}, 1000, function() {
		    	$(this).find('a.booktab').html(bookimage);
		  	});
		  	return false;
		},
		function(){
			$(this).closest('#bookingtab').animate({
		    	width: '163px'
		  	}, 1000, function() {
		    	$(this).find('a.booktab').html(hideimage);
		  	});
		  	return false;
		}
	);
	
});

function openModal(){
	var mask = $('<div />').attr('id', 'mask');
	var close = $('<a />').attr('href', '#').attr('id', 'modal_close').html($('<img />').attr('src', '/lambournebarandgrill/images/lambournebarandgrill/close-modal.png'));
	var inner = $('<div />').attr('class', 'inner');
	var modal = $('<div />').attr('id', 'modal').append(inner).append(close);
	
	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.src = 'http://www.opentable.com/frontdoor/default.aspx?rid=70522&restref=70522&mode=tall';
	
	$('body').append(mask);
	$('body').append(modal);
	$('body').css('overflow', 'hidden');
	
	$('#modal div.inner').append('<h1>Book a table at the Lambourne</h1>');
	$('#opentable').show().appendTo('#modal div.inner');
	
	
	
	var bodywidth = $(window).width();
	var bodyheight = $(window).height();
	$('#modal').css({
		top: 50/* ((bodyheight/2) - ($('#modal').outerHeight()/2)) */,
		left: ((bodywidth/2) - ($('#modal').outerWidth()/2)),
	});
	
	$('#modal_close').live('click', function(){
		$('#opentable').hide().appendTo('body');
		$('#mask').remove();
		$('#modal').remove();
		$('body').css('overflow', 'auto');
		return false;
	});
	
}