$('document').ready(function(){

	$('#reserved_button').click(function(){

		$('#reservedForm').show("slow");              
		
                if ($('.main_separator').css('display') == 'block'){
                    $('#reservatonForm').submit();
                    if(validaton.numberOfInvalids() > 0){
                        $('#reservatonOutput').html("");
                    }else{
                        $('#reservatonOutput').html("Please wait..<img src='/v1/wp-admin/images/wpspin_light.gif' alt=''/>");
                        
                    }
                }else{
                    $('.main_separator').css("display","block");

                }

	
	});
        $('#submitReserver').click(function(){

            $('#reservatonForm').submit();            

            if(validaton.numberOfInvalids() > 0){
                        $('#reservatonOutput').html("");
                    }else{
                        $('#reservatonOutput').html("Please wait..<img src='/v1/wp-admin/images/wpspin_light.gif' alt=''/>");
                        
                    }

        });

        var options = {
            
            target: "#reservatonOutput",
            url: $('input[name=dirUri]').val() + "/ajax/ajax.php",
            timeout: 3000,
            resetForm: true,            
            beforeSubmit: beforeSubmit,
            success: function() {
	        
            }

        };

        var validaton = $('#reservatonForm').validate({

            submitHandler: function(form){

                //alert($('input[name=dirUri]').val())
              $(form).ajaxSubmit(options);
            },
            focusInvalid: false,
            focusCleanup: true,

            rules: {
                Name:{
                  required: true                  
                },
                lastName:{
                  required: true
                },
                email:{
                  required: true,
                  email: true
                },
                countryCode: {
                    required: true,
                    number: true
                },
                lang: {
                    required: true
                }

            },
            messages: {
	      Name: {
	        required: " "	        
	      },
              lastName: {
                required: " "
              },
               email:{
                  required: " ",
                  email: " "
               },
               countryCode: {
                   required: " ",
                   number: " "
               },
               lang: {
                   required: " "
               }

            },
             errorPlacement: function(error, element) {
	      var er = element.attr("name");
	      error.appendTo( element.parent().parent().find('.errorBlock') );
               //$('#reservatonError').html(er);
	    },
            success: function(label){

                label.addClass('checked');
            }
        });
        

});
function beforeSubmit(formData, form, options){

    var date = getOptionsLabels();

    //alert(date[1])
  
    for(var i = 0; i < date.length; i++){
        //alert('name :'+i+' value :'+date[i])
        formData.push({'name': i, 'value': date[i]});
    }
    formData.push({'name':'persons','value': getPersonsLabel()});
    formData.push({'name':'date','value': getDatesValue()});
    
    return true;
    
}

function getPersonsLabel(){

    var label = "";
    $("input", $("#personsForm")).each(function(){

            if($(this).is(':checked') == true){

                   if(typeof $(this).val() == 'string'){

                        label = $(this).parent().find('.gray_color').text();

                   }
            }
    });

    if (label == ''){

        label='(double occupancy)';
    }
    return label;

}

function getOptionsLabels(){

    var labels = new Array;

    $("input", $("#optionalList")).each(function(){

            if($(this).is(':checked') == true){

                   if(typeof $(this).val() == 'string'){

                        labels[labels.length] = $(this).parent().parent().find('.font_arial').text();

                   }
            }
    });

    return labels;

}
function getDatesValue(){

    var value = '';

    $("input", $("#dates_values")).each(function(){

            if($(this).is(':checked') == true){

                   if(typeof $(this).val() == 'string'){
                        
                        value = $(this).val();

                   }
            }
    });

    return value;
}
function getJSONDate(){

    var dataArr = getOptionsLabels();  

  
    return dataArr;
   

}