$(function(){
	var ContactForm = {
		
		datepickerParams : {
			'constrainInput': true,
			'dateFormat': 'yy-mm-dd',
			'minDate': '0',
			'defaultDate': '0'
		},
		
		bindCalendar: function() {
			$(':input.datepicker').datepicker(this.datepickerParams)
				.keydown(function(){ return false; });
		},
		
		bindInputFilters: function() {
			$(':input.onlyDigit').keyup(function(){
				var $el = $(this);
				var val = $el.val();
				val = val.replace(/[^0-9]/g, '');
				$el.val(val);	
			});
			$(':input.phone').keyup(function() {
				var $el = $(this);
				var val = $el.val();
				val = val.replace(/[^0-9\-\/ ()+]/g, '');
				$el.val(val);		
			});
		},
		
		counter: 1
	}
	
	ContactForm.bindCalendar()
	ContactForm.bindInputFilters();
	
	$('#reservationForm').validate();
	
	$('a.addAccomodation').click(function() {
		var $el = $(this);
		var $form = $el.closest('form');
		var title = $form.closest('div.szall_kozep').prev('div.belep_fejlec').find('h2.lab_logo').text();
      	
   		var $inputs = $form.find('.accomodation-data').not('.saved');
   		
   		var $newInputs = $inputs.clone();
  		$inputs.addClass('saved expanded').children();
  		var arrival = $inputs.find('.arrivaldate').val();
  		arrival = arrival? arrival : '&nbsp;';
  		var $accButton = $('<a href="#" class="show-accomodation"><span class="expand-collapse">-</span><span class="arrival">' + arrival + '</span><span class="delete">x</span></a>')
  		$accButton.find('.expand-collapse, .arrival').click(function() {
		  	if($(this).parent().parent().hasClass('expanded')) {
				$(this).parent().parent().removeClass('expanded');
				$(this).parent().find('.expand-collapse').text('+');
			} else {
				$(this).parent().parent().addClass('expanded');
				$(this).parent().find('.expand-collapse').text('-');
			}
		  	$(this).parent().siblings().toggle(); 
			return false; 
		})
		$accButton.find('.delete').click(function() {
			$(this).closest('.accomodation-data').remove();	
			return false;
		});
  		$inputs.prepend($accButton);
  		$newInputs.find(':input').each(function(){
			$(this).val('').attr('selected', false);
		})
					
		$inputs.after($newInputs);
		/*		
		var $saved = $form.find('.accomodation-data.saved');
		if($saved.length>1) {
			$saved.last().after($saved.first());	
		}
		*/
		$newInputs.find('.datepicker').attr('id', 'datepicker' + ContactForm.counter).removeClass('hasDatepicker').datepicker(ContactForm.datepickerParams).keydown(function(){ return false; });
    	ContactForm.bindCalendar();
    	ContactForm.bindInputFilters();
		ContactForm.counter++;
 	    return false;

	});
	
});
