$(document).ready(function(){
				
//hide form and add click to open it
$('#order-form').hide();
$('#order').click(function(){
	$('#order-form').slideToggle('fast');
});

$('#comment_form').hide();
$('#showhide').click(function(){
 $('#comment_form').slideToggle('fast');
});

//style up the select boxes
$('select').wrap('<div class="select"></div>');
$('<div id="select"></div>').insertAfter('select');

$('#select').html($("select :selected").text());

$("select").change(function(){
	$("select option:selected").each(function(){
		$('#select').html($(this).text());
	});
});


function show(){
	
	var maskHeight=$(document).height();
	var maskWidth=$(window).width();
	
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	$("#mask").fadeIn('fast');
	
	var winH=$(window).height();
	var winW=$(window).width();
	
	$('#window').css('top',winH/2-$('#window').height()/2);
	$('#window').css('left',winW/2-$('#window').width()/2);
	$('#window').show();
}



$('input[name=date1]').click(function(e){
 	show();
	$('#window').calendarLite({
		onSelect:function(date){
		$('input[name=date1]').val(date);
		$('#mask').hide();
		$('#window').hide();
		$('#window').empty();
		}});
});

$('input[name=date2]').click(function(e){
 	show();
	$('#window').calendarLite({
		onSelect:function(date){
		$('input[name=date2]').val(date);
		$('#mask').hide();
		$('#window').hide();
		$('#window').empty();
		}});
});


	$('#mask').click(function () {
		$(this).hide();
		$('#window').hide();
		$('#window').empty();
	});	




});