// JScript File


         $(document).ready(function() {    
         
         //Exclusive programs area pages scripts
         
         
         
//            $('.area-page1').css( { "display":"block" } );
//            $('.area-page2').css( { "display":"none" } );
//            $('#first-page-link').css ( { "display":"none"  } );             
//            $('#second-page-link').css ( { "display":"block"  } );

            $('#next1').click(function() {
                ShowPage2();                
            });
            
            $('#previous2').click(function() {
                ShowPage1();
            });
            
            $('#next2').click(function() {
                ShowPage3();
            });
            
            $('#previous3').click(function() {
                ShowPage2();
            });
            
            $('#next3').click(function() {
                ShowPage4();
            });
            
            $('#previous4').click(function() {
                ShowPage3();
            });
                                 
            
            $('#first-page-link').click(function() {                
                $('.area-page1').css( { "display":"block" } );
                $('.area-page2').css( { "display":"none" } );
                $('#first-page-link').css ( { "display":"none"  } );             
                $('#second-page-link').css ( { "display":"block"  } );
            });
            
            $('#second-page-link').click(function() {                
                $('.area-page1').css( { "display":"none" } );
                $('.area-page2').css( { "display":"block" } ); 
                $('#first-page-link').css ( { "display":"block"  } );             
                $('#second-page-link').css ( { "display":"none"  } );
            });
            
            
            // End of Exclusives programs                                 
                     
            $('.first-step a').click(function() {
				ClickFirst();               
            });
            
            $('.second-step a').click(function() {                
				ClickSecond();			                    				
            });
            
            $('.third-step a').click(function() {
                ClickThird();                                              
            });
            
            $('.fourth-step a').click(function() {     
                if(!ValidateBasicInformation())
			    {
			        return;
			    }	
                if(!ValidateTravelInterest())
                {                    
                    return ;
                }
                
                if(!ValidateShareWithFriends())
                {
                    return;
                }               
                $('#first-step-container').css( { "display" : "none" } );
                $('#second-step-container').css( { "display" : "none" } );
                $('#third-step-container').css( { "display" : "none" } );                
                $('#fourth-step-container').css( { "display" : "block" } );
                $('.ul-signin-steps li a').removeClass('current');
                $(this).addClass('current');                       
				LoadReviewBasicInformation();
				LoadReviewTravelInterest();
				LoadReviewShareWithFriends();
                
            });
            
            $('#NextButton1').click(function() {
                
                $('.second-step a').trigger('click');
            });
            
            $('#BackButton2').click(function() {
                $('.first-step a').trigger('click');
            });
            
            $('#NextButton2').click(function() {
                $('.third-step a').trigger('click');
            });
            
            $('#BackButton3').click(function() {
                $('.second-step a').trigger('click');
            });
            
            $('#NextButton3').click(function() {
                $('.fourth-step a').trigger('click');
            });
            
            $('#BackButton4').click(function() {
                $('.third-step a').trigger('click');
            });
            
            $('#EditBasicInformation').click(function() {
                $('.first-step a').trigger('click');
            });
            
            $('#EditTravelInterestLink').click(function() {
                $('.second-step a').trigger('click');
            });
			
			$('#checkbox-yes').click(function() {							
				if ($(this).attr("checked") == true)
				{				
					$('#checkbox-no').attr("checked", false);										
				}
			});
			
			$('#checkbox-no').click(function() {			    
				if ($(this).attr("checked") == true)
				{				
					$('#checkbox-yes').attr("checked", false);
				}
			});
			
			$('#ClearButton1').click(function() {
			    $('#FirstNameText').val('');
			    $('#LastNameText').val('');
			    $('#AddressText').val('');
			    $('#CityText').val('');			    
			    $('#StateSelect').val('wala');
			    $('#ZipCodeText').val('');
			    $('#FaxText').val('');
			    $('#PhoneText').val('');
			    $('#FaxText').val('');
			    $('#EmailText').val('');
			    $('#VerifyEmailText').val('');			
			});
			
			$('#ClearButton2').click(function() {
			    $('#PlanningToTravelSelect').val('wala');
			    $('#TripLengthSelect').val('wala');			    
			    $('.checkbox-layout-interestedin').attr("checked", false);
			    $('.checkbox-layout-visitingin').attr("checked", false);
			    $('.checkbox-layout-cruisevacation').attr("checked", false);
			    $('.checkbox-layout-traveled').attr("checked", false);
			    $('.checkbox-layout-cruised').attr("checked", false);
			    $('#textarea').val('');	
			    $('.textbox-layout-other').val('other');			   				    					    		
			});
			
			$('#ClearButton3').click(function() {
			    $('#ShareFirstNameText').val('');
			    $('#ShareLastNameText').val('');
			    $('#ShareAddressText').val('');
			    $('#ShareCityText').val('');
			    $('#ShareStateSelect').val('wala');
			    $('#ShareZipCodeText').val('');
			    $('#ShareFaxText').val('');
			    $('#ShareEmailText').val('');
			    $('#ShareVerifyEmailText').val('');
			});
			
			$("#PhoneText").keypress(function (e)  
	        { 
	            //if the letter is not digit then display error and don't type anything
	            if(e.which!=45 && e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
	            {
		            //display error message
		            $("#phoneErrorMsg").html("Digits Only").show().fadeOut("slow"); 
	                return false;
                }	
	        });
	        
	        $("#SharePhoneText").keypress(function (e)  
	        { 	            
	            if(e.which!=45 && e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
	            {		        
		            $("#spanSharePhoneError").html("Digits Only").show().fadeOut("slow"); 
	                return false;
                }	
	        });
            
         
        });
        
        function ShowPage1()
        {
                $('.area-page1').css ( { 'display' : 'block' } );
                $('.area-page2').css ( { 'display' : 'none' } );
                $('.area-page3').css ( { 'display' : 'none' } );
                $('.area-page4').css ( { 'display' : 'none' } );
        }
        
        function ShowPage2()
        {
            $('.area-page1').css ( { 'display' : 'none' } );
            $('.area-page2').css ( { 'display' : 'block' } );
            $('.area-page3').css ( { 'display' : 'none' } );
            $('.area-page4').css ( { 'display' : 'none' } );
        }
        
        function ShowPage3()
        {
            $('.area-page1').css ( { 'display' : 'none' } );
            $('.area-page2').css ( { 'display' : 'none' } );
            $('.area-page3').css ( { 'display' : 'block' } );
            $('.area-page4').css ( { 'display' : 'none' } );
        }
        
        function ShowPage4()
        {
            $('.area-page1').css ( { 'display' : 'none' } );
            $('.area-page2').css ( { 'display' : 'none' } );
            $('.area-page3').css ( { 'display' : 'none' } );
            $('.area-page4').css ( { 'display' : 'block' } ); 
        }
                
		
		function ClickFirst()
		{
			$('#first-step-container').css( { "display" : "block" } );
                $('#second-step-container').css( { "display" : "none" } );
                $('#third-step-container').css( { "display" : "none" } );
                $('#fourth-step-container').css( { "display" : "none" } );
                $('.ul-signin-steps li a').removeClass('current');
                $('.first-step a').addClass('current');       
		}
		
		function ClickSecond()
		{
			if(!ValidateBasicInformation())
			    {
			        return;
			    }				
                $('#first-step-container').css( { "display" : "none" } );
                $('#second-step-container').css( { "display" : "block" } );
                $('#third-step-container').css( { "display" : "none" } );
                $('#fourth-step-container').css( { "display" : "none" } );
                $('.ul-signin-steps li a').removeClass('current');
                $('.second-step a').addClass('current');  
		}
		
		function ClickThird()
		{
			if(!ValidateBasicInformation())
			{
			    return;
			}	
            if(!ValidateTravelInterest())
            {                    
                return ;
            }
            $('#first-step-container').css( { "display" : "none" } );
            $('#second-step-container').css( { "display" : "none" } );
            $('#third-step-container').css( { "display" : "block" } );
            $('#fourth-step-container').css( { "display" : "none" } );
            $('.ul-signin-steps li a').removeClass('current');
            $('.third-step a').addClass('current');  
		}
    
		function LoadReviewBasicInformation()
		{
			var firstName =  $('#FirstNameText').val();
			var lastName =   $('#LastNameText').val();
			var address =    $('#AddressText').val();
			var city =       $('#CityText').val();
			var state =      $('#StateSelect').val();
			var country =    $('#CountrySelect').val();
			var zipCode =    $('#ZipCodeText').val();
			var phone =      $('#PhoneText').val();
			var fax =        $('#FaxText').val();
			var email =  	 $('#EmailText').val();	
			var is =         $('#checkbox-yes').attr("checked");
			$('#ctl00_MainContent_ReviewFirstNameSpan').val(firstName);
			$('#ctl00_MainContent_ReviewLastNameSpan').val(lastName);
			$('#ctl00_MainContent_ReviewAddressSpan').val(address);
			$('#ctl00_MainContent_ReviewCitySpan').val(city);
			$('#ctl00_MainContent_ReviewStateSpan').val(state);
			$('#ctl00_MainContent_ReviewCountrySpan').val(country);
			$('#ctl00_MainContent_ReviewZipCodeSpan').val(zipCode);
			$('#ctl00_MainContent_ReviewPhoneSpan').val(phone);
			$('#ctl00_MainContent_ReviewFaxSpan').val(fax);
			$('#ctl00_MainContent_ReviewEmailSpan').val(email);		
			if(is)
			{
			    $('#ctl00_MainContent_ReviewReceive').val('yes');
			}
			else
			{
			    $('#ctl00_MainContent_ReviewReceive').val('no');
		    }

			
		}		
		
		function LoadReviewTravelInterest()
		{
			var travelInterest = $('#PlanningToTravelSelect').val();
			var tripLength = $('#TripLengthSelect').val();
			var interestedIn = "";
			$('.checkbox-layout-interestedin').each(function() {
                       if ($(this).attr("checked") == true) {
                            var itemName = $(this).next();
							interestedIn += $(itemName).html();
							interestedIn += ", ";
                        }
                    });                    
					
		    var visitingIn= "";
			$('.checkbox-layout-visitingin').each(function() {
                       if ($(this).attr("checked") == true) {
                            var itemName = $(this).next();
							visitingIn += $(itemName).html();
							visitingIn += ", ";
                        }
                    });
			var cruiseVacation = "";
			$('.checkbox-layout-cruisevacation').each(function() {
                       if ($(this).attr("checked") == true) {
                            var itemName = $(this).next();
							cruiseVacation += $(itemName).html();
							cruiseVacation += ", ";
                        }
                    });
			
			var traveled = "";
			$('.checkbox-layout-traveled').each(function() {
                       if ($(this).attr("checked") == true) {
                            var itemName = $(this).next();
							traveled += $(itemName).html();
							traveled += ", ";
                        }
                    });
			
			var cruised = "";
			$('.checkbox-layout-cruised').each(function() {
                       if ($(this).attr("checked") == true) {
                            var itemName = $(this).next();
							cruised += $(itemName).html();
							cruised += ", ";
                        }
                    });
					
			var comment = $('#textarea').val();
			
			$('#ctl00_MainContent_ReviewPlanningToTravelSpan').val(travelInterest);
			$('#ctl00_MainContent_ReviewTripLengthSpan').val(tripLength);
			$('#ctl00_MainContent_ReviewInterestedInSpan').val(interestedIn);
			$('#ctl00_MainContent_ReviewVisitingInSpan').val(visitingIn);
			$('#ctl00_MainContent_ReviewCruiseVacationSpan').val(cruiseVacation);
			$('#ctl00_MainContent_ReviewTraveledSpan').val(traveled);
			$('#ctl00_MainContent_ReviewCruisedSpan').val(cruised);
			$('#ctl00_MainContent_ReviewCommentSpan').val(comment);								
		}
	
		function LoadReviewShareWithFriends()
		{
			var shareFirstName = $('#ShareFirstNameText').val();
			var shareLastName = $('#ShareLastNameText').val();
			var shareAddress = $('#ShareAddressText').val();
			var shareCity = $('#ShareCityText').val();
			var shareState = $('#ShareStateSelect').val();
			var shareCountry = $('#ShareCountrySelect').val();
			var shareZipCode = $('#ShareZipCodeText').val();
			var sharePhone = $('#SharePhoneText').val();
			var shareFax = $('#ShareFaxText').val();
			var shareEmail = $('#ShareEmailText').val();			
			$('#ctl00_MainContent_ReviewShareFirstNameSpan').val(shareFirstName);
			$('#ctl00_MainContent_ReviewShareLastNameSpan').val(shareLastName);
			$('#ctl00_MainContent_ReviewShareAddressSpan').val(shareAddress);
			$('#ctl00_MainContent_ReviewShareCitySpan').val(shareCity);
			$('#ctl00_MainContent_ReviewShareStateSpan').val(shareState);
			$('#ctl00_MainContent_ReviewShareCountrySpan').val(shareCountry);
			$('#ctl00_MainContent_ReviewShareZipCodeSpan').val(shareZipCode);
			$('#ctl00_MainContent_ReviewSharePhoneSpan').val(sharePhone);
			$('#ctl00_MainContent_ReviewShareFaxSpan').val(shareFax);
			$('#ctl00_MainContent_ReviewShareEmailSpan').val(shareEmail);
			
		}
		
		function IsValidateEmail(elementValue){      
			var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
			return emailPattern.test(elementValue); 
		}
		
		function IsValidPhone(elementValue){      
			var phonePattern = /^\d{3}\-\d{3}\-\d{4}/;
			return phonePattern.test(elementValue); 
		}
		
		
//		function isPhoneNumber(s) 
//        {
//             // Check for correct phone number
//             rePhoneNumber = new RegExp(/^\([1-9]\d{2}\)\s?\d{3}\-\d{4}$/);

//             if (!rePhoneNumber.test(s)) {
//                  alert("Phone Number Must Be Entered As: (555) 555-1234");
//                  return false;
//             }
//            return true;
//        }
		
		function ValidateBasicInformation()
		{
			var isValid = true;
			var spanFirstName = $('#FirstNameText').next();
			var spanLastName = $('#LastNameText').next();
			var spanAddress = $('#AddressText').next();
			var spanCity = $('#CityText').next();
			var spanZipCode = $('#ZipCodeText').next();
			var spanPhone = $('#PhoneText').next();
			var spanEmail = $('#EmailText').next();
			var spanVerifyEmail = $('#VerifyEmailText').next();			
			var spanState = $('#StateSelect').next();			
			if ($('#StateSelect').val() == 'wala')
			{												    
				$('#stateErrorMessage').html('Please select a state.');				
				isValid = false;
			}	
			else
			{			    
				$('#stateErrorMessage').html('');				
			}
			
			if ($('#FirstNameText').val() == '')
			{									
				$(spanFirstName).html('First Name is required.');				
				isValid = false;
			}	
			else
			{
				$(spanFirstName).html('');				
			}
			if ($('#LastNameText').val() == '')
			{				
				$(spanLastName).html('Last Name is required.');
				isValid = false;
			}
			else
			{
				$(spanLastName).html('');
			}
			
			if ($('#AddressText').val() == '')
			{				
				$(spanAddress).html('Address is required.');
				isValid = false;				
			}
			else
			{
				$(spanAddress).html('');
			}

			if ($('#CityText').val() == '')
			{				
				$(spanCity).html('City is required.');
				isValid = false;
			}
			else
			{
				$(spanCity).html('');
			}
			
			if ($('#ZipCodeText').val() == '')
			{				
				$(spanZipCode).html('Zip Code is required.');
				isValid = false;
			}
			else
			{
				$(spanZipCode).html('');
			}
			var phone = $('#PhoneText').val();
			if ($('#PhoneText').val() == '')
			{				
				$(spanPhone).html('Phone is required.');
				isValid = false;
			}
			else
			{
				if(!IsValidPhone(phone))
			    {
				    $(spanPhone).html('Invalid Phone Number. Try this format ###-###-####');
				    isValid = false;	
			    }
			    else
			    {
			        $(spanPhone).html('');
			    }
			}			
			
			
			var email = $('#EmailText').val();
			var verifyEmail = $('#VerifyEmailText').val();
			if ($('#EmailText').val() == '')
			{				
				$(spanEmail).html('Email is required.');
				isValid = false;
			}
			else
			{			    			   
			    if (email == verifyEmail)
			    {								
                    $(spanEmail).html("");								
				    $(spanVerifyEmail).html("");								
    				
			    }					
			    else
			    {			    
			        isValid = false;
			        $(spanEmail).html("Email doesn't match.");								
				    $(spanVerifyEmail).html("Email doesn't match.");				
			    }			
			}									
			
			if(!IsValidateEmail(email))
			{
				$(spanEmail).html('Invalid Email.');
				isValid = false;	
			}
			else
			{
				$(spanEmail).html('');
			}
			return isValid;
		 }
		 
		 
	
		function ValidateTravelInterest()
		{
		    var isValid = true;
		    if ($('#PlanningToTravelSelect').val() == 'wala')
			{				
				$('#PlanningToTravelError').html('<b>*</b>');
				isValid = false;				
			}
			else
			{
				$('#PlanningToTravelError').html('');
			}
			
			if ($('#TripLengthSelect').val() == 'wala')
			{				
				$('#TripLengthError').html('<b>*</b>');
				isValid = false;				
			}
			else
			{
				$('#TripLengthError').html('');
			}
			
			var isInterested = ValidateInterestedIn();			
			
            if((isValid == true) && (isInterested == true))
            {
                return true;
            }
            else
            {
                return false;
            }
			                                   
            return isValid;                        
		}
		
		function ValidateInterestedIn()
		{		    		 
		    var isInterestingInValid = false;
		    //$('#InterestedInError').html('You must select at least 1 type of vacation');
			$('#InterestedInError').html('<b>*</b>');
		    $('.checkbox-layout-interestedin').each(function() {
                       if ($(this).attr("checked") == true) {
                            isInterestingInValid = true;     
                            $('#InterestedInError').html('');                               
                            return isInterestingInValid;
                        }
                    });  
            return isInterestingInValid;
		}
		
		function ValidateShareWithFriends()
		{
		    var isValid = true;
		    var spanShareEmailError = $('#shareEmailError');
		    var email = $('#ShareEmailText').val();
			var verifyEmail = $('#ShareVerifyEmailText').val();		
			var sharePhone = $('#SharePhoneText').val();			
			//Validate Phone if not empty
			if(sharePhone != '')
			{
			    if (!IsValidPhone(sharePhone))
			    {
			        $('#spanSharePhone').html('Invalid Phone Number. Try this format ###-###-####');
				    isValid = false;
				    return isValid;	
			    }			    
			    else
			    {
    			    $('#spanSharePhone').html('');
			    }
			}			
			
			
			if ((email == "") && (verifyEmail == ""))
			{				
				return true;
			}
			if (email == verifyEmail)
			{								                    
				$(spanShareEmailError).html("");								    				
			}					
			else
			{			    
				$(spanShareEmailError).html("Email doesn't match.");				
				isValid = false;			        
				return isValid;
			}	
			
			if(!IsValidateEmail(email))
			{
				$(spanShareEmailError).html('Invalid Email.');
				isValid = false;	
				return isValid;
			}
			else
			{
				$(spanShareEmailError).html("");
			}						

		    return isValid;
		}