﻿// JScript File
function sendMessage()
{
    disableBtn('btnSend',true);
    disableBtn('btnClear',true);
    if(validate())
    {
        $('#status').html("<img src='/includes/images/global/indicator.gif'/>");
        var j = getFormVals();
        var jStr = JSON.stringify(j, function (key, value) {
                 return value;
                    });
        PageMethods.SendEmailMsg(jStr,onSuccess,onTimeOut,onFail);
    }
    else
    {
        disableBtn('btnSend',false);
        disableBtn('btnClear',false);
    }
}
function getFormVals()
{
    var retVal = '';
    retVal = {"Name" : $('input#name').val() ,
                "Email" : $('input#email').val() ,
                "Message" : $('textarea#message').val() };
    return retVal;
}
function disableBtn(btn,disable)
{
    if(disable)
        $('#'+btn).attr('disabled','disabled');
    else
        $('#'+btn).removeAttr('disabled');
}
function onTimeOut(args)
{
    $('#status').html(' Timeout Occured.');
    disableBtn('btnSend',false);
    disableBtn('btnClear',false);
}
function onFail(args)
{
    $('#status').html(' Call Failed');
    disableBtn('btnSend',false);
    disableBtn('btnClear',false);
}
function onSuccess(args)
{
    disableBtn('btnSend',false);
    disableBtn('btnClear',false);
    if(args == 'Success')
    {
        $('#content').html("<h2>Thank you for your interest in RendezvousSpot.com</h2><br/><a href='/'>Click Here to Continue</a>.")
//        .hide()
//        .fadeIn(1500, function() {
//            $('#msgForm').append("<img id='checkmark' src='images/check.png' />")}
//            );
    }
    else
        $('#status').html(' An error occurred. Please Try Again');
}
function clearform()
{
   $('input#name').val('');
   $('input#email').val('');
   $('textarea#message').val('');
   $('#status').html('');
   $('#name').focus();
}
function validate()
{
    var retVal = true;
    if($('#name')[0].value == '')
    {
        retVal = false;
        Error('name',false);
    }
    if($('#email')[0].value == '')
    {
        retVal = false;
        Error('email',false);
    }
    if($('#message')[0].value == '')
    {
        retVal = false;
        Error('message',false);
    }
    return retVal;
}
function Error(val,clear)
{
    if(clear)
        $('#'+val+'_error').html("");
    else
        $('#'+val+'_error').html("<span style='color:red;'>*</span>");
}
var selectedInput = null;
$(document).ready(function() {
    $('input, textarea, select').focus(function() {
        selectedInput = this;
    });
    $("#btnSend").click(function(){
        sendMessage();
    });
    $("#btnClear").click(function(){
        clearform();
    });
    $("#name").change(function(){
        Error('name',($("#name")[0].value.length > 0));
    });
    $("#email").change(function(){
        Error('email',($("#email")[0].value.length > 0));
    });
    $("#message").change(function(){
        Error('message',($("#message")[0].value.length > 0));
    });
    clearform();
    $("form input").keypress(function (e) {   
        if (((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) &&
              selectedInput.id != 'message'  )
        {   
            $('input[type=button]#btnSend').click();   
            return false;   
        }
//        else if((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13))
//        {
//            this.value += '\r\n';
//        }
        else
        {   
            return true;   
        }   
    });  
});
