/**
 * @author shabith ishan
 *
 */

$(function(){
	
				$(document).pngFix(); 
				
				var cin, cout, suite, nog, name, sal, con, phone, email,conemail, spec_req;
					var error_msg;
				
            
                prettyForms();
				
                $('#checkin').datepicker({
                    showOn: 'both',
                    buttonImage: 'images/cal-icon.jpg',
                    dateFormat: 'dd-mm-yy',
                    duration: 'slow',
                    hideIfNoPrevNext: true,
                    minDate: new Date(),
                    showAnim: 'slideDown',
                    onSelect: function(date, inst){
                        //asume format is like dd-mm-yy
                        dateset = date.split("-");
                        
                        //set checkout min date input
                        $('#checkout').datepicker('option', 'minDate', new Date(dateset[2], dateset[1]-1, dateset[0]));
                        
						$('#checkout').datepicker('option', 'buttonText','test');
						  
                        //enable checkout input
                        $('#checkout').datepicker('enable');
                    },
                    buttonImageOnly: true
                });
                
                
                $('#checkout').datepicker({
                    showOn: 'both',
                    buttonImage: 'images/cal-icon.jpg',
                    dateFormat: 'dd-mm-yy',
                    duration: 'slow',
                    hideIfNoPrevNext: true,
                    showAnim: 'slideDown',
					buttonText: 'Please select the check in date first.',
                    buttonImageOnly: true
                });
                
                //disable checkout input	
                $('#checkout').datepicker('disable');
								
				//reset button
				$('#reset-btn').click(function(){
					$('#checkout').val('');
					$('#checkin').val('');
					$('#frmShdwMenuChosen0').text('-------- Select your suite --------');
					$('#frmShdwMenuChosen1').text('01');
					$('#name').val('');
					$('#frmShdwMenuChosen2').text('Mr');
					$('#frmShdwMenuChosen3').text('---- Select Country ----');
					$('#phone').val('');
					$('#email').val('');
					$('#conemail').val('');
					$('#special_request').val('');
				});
				
				//submit button
				$('#submit-btn').click(function(){
					
					
					//get form values
					cin = $('#checkin').val();
					cout = $('#checkout').val();
					suite = $('#frmShdwMenuChosen0').text();
					nog = $('#frmShdwMenuChosen1').text();
					name = $('#name').val();
					sal = $('#frmShdwMenuChosen2').text();
					con = $('#frmShdwMenuChosen3').text();
					phone = $('#phone').val();
					email = $('#email').val();
					conemail = $('#conemail').val();
					spec_req = $('#special_request').val();
					
					
					//validate
					var result = $.fn.validate();

					if(!result)
					{
						
						$('#msgdiv').text(error_msg).addClass('error-message').fadeIn();
					}else
					{
						$('#msgdiv').removeClass('error-message');
						$('#msgdiv').html(error_msg).addClass('info-message').fadeIn();
						
						$.ajax({
							type: 'POST',
							url: 'php/resSuite.php',
							data: 'CheckIn='+cin+'&CheckOut='+cout+'&Suite='+suite+'&Nog='+nog+'&Name='+name+'&Salutation='+sal+'&Country='+con+'&Email='+email+'&special_request='+spec_req+'&Phone='+phone,
							async: false,
							success: function(msg)
							{

								$('#msgdiv').fadeOut();
								if(msg=="true")
								{
									$('#msgdiv').html('Thank you for your inquiry<br />One of our reservation staff will get back to you shortly.').fadeIn();
								}
								else{
									$('#msgdiv').html('Error in sending reservation request. Please try again later.').removeClass('info-message').addClass('error-message').fadeIn();
								}
							}
							
						});
					}
					
					
						
				});
				
				$.fn.validate = function(){
					//validate check in date
					if(cin=="") {
						error_msg = "Please select a check in date.";
						
						return false;
					}
					else if(cout=="") {
						error_msg = "Please select a check out date.";
						return false;
					}
					else if(suite=='-------- Select your suite --------'){
						error_msg = "Please select a suite.";
					}
					else if(con=='---- Select Country ----'){
						error_msg = "Please select your country.";
						return false;
					}
					else if(name==""){

						error_msg = "Please provide your name.";
						return false;
					}
					else if(phone=="" || isNaN(phone)){
						error_msg = "Please provide your phone number.";
						return false;
					}
					else if(email=="" || !$.fn.emailvalidate(email)){
						error_msg = "Please provide your email address.";
						return false;
					}
					else if(!(email==conemail)){
						error_msg = "Email address mismatch.";
						return false;
					}
					else
					{
						error_msg = "Sending your reservation request...";
						return true;
					}
				}
                
            });
			
			$.fn.emailvalidate = function(str){
				
				var emailRegEx = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
					if (str.match(emailRegEx)) {
				   		return true;
				 	} else {
				 		return false;
				 	}
			}