$(document).ready(function() {

    $("#frmSubmit").click(
                function() {
                    $("#formName").val("PlanSubmit");
                    $("form:form1").submit();
                }
            );

    $("#plan").click(
                function() {
                    $("#formName").val("Plan");
                    $("form:form1").submit();
                }
            );

    $("#organization").click(
                function() {
                    $("#formName").val("Organization");
                    $("form:form1").submit();
                }
            );


    $("input:radio").click(
                function() {
                    var amt = 0;
                    var amtPer = 0;
                    var numPer = 0;
                    if ($("input[name='radPlanType']:checked").val() == 'Both' && $("input[name='radNumPart']:checked").val() == "1") {
                        amt = 54.99; numPer = 3;
                        $("#spanDesc").html("Now record and track all your students skills and behaviors on a single screen by toggling between students.");
                        //amtPer = 10;
                    }
                    else if ($("input[name='radPlanType']:checked").val() == 'Both' && $("input[name='radNumPart']:checked").val() == "2") {
                        amt = 94.99; numPer = 5;
                        $("#spanDesc").html("Now record and track all your students skills and behaviors on a single screen by toggling between students.");
                        //amtPer = 10;
                    }

                    else if ($("input[name='radPlanType']:checked").val() == 'Both' && $("input[name='radNumPart']:checked").val() == "3") {
                        amt = 154.99; numPer = 10;
                        $("#spanDesc").html("Now record and track all your students skills and behaviors on a single screen by toggling between students.");
                        //amtPer = 10;
                    }
                    else if ($("input[name='radPlanType']:checked").val() == 'Skills' && $("input[name='radNumPart']:checked").val() == "1") {
                        amt = 39.99; numPer = 3;
                        $("#spanDesc").html("The <label style=\"color:#E4A025\">Skills Acquisition</label> program allows you to create multiple goals and activities &lsquo;On the fly&rsquo; for a student. Define a session Procedure and now record the results. Create &lsquo;Notes&rsquo; of your session and save the results. Next,  receive an email of your student’s achievements.");
                        //amtPer = 10;
                    }
                    else if ($("input[name='radPlanType']:checked").val() == 'Skills' && $("input[name='radNumPart']:checked").val() == "2") {
                        amt = 59.99; numPer = 5;
                        $("#spanDesc").html("The <label style=\"color:#E4A025\">Skills Acquisition</label> program allows you to create multiple goals and activities &lsquo;On the fly&rsquo; for a student. Define a session Procedure and now record the results. Create &lsquo;Notes&rsquo; of your session and save the results. Next,  receive an email of your student’s achievements.");
                        //amtPer = 10;
                    }
                    else if ($("input[name='radPlanType']:checked").val() == 'Skills' && $("input[name='radNumPart']:checked").val() == "3") {
                        amt = 109.99; numPer = 10;
                        $("#spanDesc").html("The <label style=\"color:#E4A025\">Skills Acquisition</label> program allows you to create multiple goals and activities &lsquo;On the fly&rsquo; for a student. Define a session Procedure and now record the results. Create &lsquo;Notes&rsquo; of your session and save the results. Next,  receive an email of your student’s achievements.");
                        //amtPer = 10;
                    }
                    else if ($("input[name='radPlanType']:checked").val() == 'Behaviors' && $("input[name='radNumPart']:checked").val() == "1") {
                        amt = 29.99; numPer = 3;
                        $("#spanDesc").html("The <label style=\"color:#E4A025\">Behavior Management</label> program allows you to record and graph frequency and duration of a behavior. Simply by a single tap.");

                        //amtPer = 10;
                    }
                    else if ($("input[name='radPlanType']:checked").val() == 'Behaviors' && $("input[name='radNumPart']:checked").val() == "2") {
                        amt = 44.99; numPer = 5;
                        $("#spanDesc").html("The <label style=\"color:#E4A025\">Behavior Management</label> program allows you to record and graph frequency and duration of a behavior. Simply by a single tap.");

                        //amtPer = 10;
                    }

                    else if ($("input[name='radPlanType']:checked").val() == 'Behaviors' && $("input[name='radNumPart']:checked").val() == "3") {
                        amt = 89.99; numPer = 10;
                        $("#spanDesc").html("The <label style=\"color:#E4A025\">Behavior Management</label> program allows you to record and graph frequency and duration of a behavior. Simply by a single tap.");

                        //amtPer = 10;
                    }

                    /*else if ($("input[name='radPlanType']:checked").val() == 'Behaviors' || $("input[name='radPlanType']:checked").val() == 'Skills')
                    {
                    amt = 14.95;
                    amtPer = 5;
                    }*/

                    //numPer = $("input[name='radNumPart']:checked").val();

                    amt = parseFloat(amt); // + parseFloat(amtPer * numPer);

                    $("#planType").val($("input[name='radPlanType']:checked").val());
                    $("#numOfParticiapnts").val(numPer);
                    $("#planAmt").val(amt);
                })

    $("#frmSingleSubmit").click(
                    function() {
                        var flg = true;
                        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                        var phoneReg = /^((\d{3}-\d{3}-\d{4})|(\d{10}))?$/;

                        $("#FirstName").val($("#FirstName").val().replace(/^\s+|\s+$/g, ''));
                        $("#LastName").val($("#LastName").val().replace(/^\s+|\s+$/g, ''));
                        $("#newPassword").val($("#newPassword").val().replace(/^\s+|\s+$/g, ''));
                        $("#Credential").val($("#Credential").val().replace(/^\s+|\s+$/g, ''));


                        if ($("#FirstName").val() == "") {
                            $("#Span1").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span1").css("color", "#696969");
                        }

                        if ($("#LastName").val() == "") {
                            $("#Span2").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span2").css("color", "#696969");
                        }

                        if ($("#phoneNumber").val() == "") {
                            $("#Span8").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span8").css("color", "#696969");

                            $(".errorPh").remove();
                            if (!phoneReg.test($("#phoneNumber").val())) {
                                $("#phoneNumber").after('<span class="errorPh" style="color:red">Enter a valid phone number(123-333-4444).</span>');
                                flg = false;
                            }
                        }


                        if ($("#UserId").val() == "") {
                            $("#Span4").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span4").css("color", "#696969");
                        }

                        if ($("#UserId").val() != "") {
                            $(".error").remove();
                            if (!emailReg.test($("#UserId").val())) {
                                $("#UserId").after('<span class="error" style="color:red">Enter a valid email address.</span>');
                                flg = false;
                            }
                        }

                        if ($("#newPassword").val() == "") {
                            $("#Span5").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span5").css("color", "#696969");
                        }

                        if ($("#confirmPassword").val() == "") {
                            $("#Span6").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span6").css("color", "#696969");
                        }

                        if ($("#confirmPassword").val() != "") {
                            if ($("#confirmPassword").val() != $("#newPassword").val()) {
                                $("#Span6").html("Confirm Password:[Not matched with Passowrd]");
                                $("#Span6").css("color", "red");

                                flg = false;
                            }
                            else {
                                $("#Span6").html("Confirm Password:");
                                $("#Span6").css("color", "#696969");
                            }
                        }

                        $("#formName").val("Single");
                        return flg;
                    }
                );

    $("#frmVerifySubmit").click(
                    function() {
                        var flg = true;

                        if ($("#UserId").val() == "") {
                            $("#Span1").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span1").css("color", "#696969");
                        }

                        if ($("#newPassword").val() == "") {
                            $("#Span2").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span2").css("color", "#696969");
                        }
                        return flg;
                    }

                );

    $("#ddDicipline").change(
                    function() {
                        $("#Discipline").val($("#ddDicipline option:selected").val());
                    }
                );

    $("#frmOrganizationSubmit").click(
                    function() {
                        var flg = true;
                        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                        var phoneReg = /^(\d{3}-\d{3}-\d{4})?$/

                        $("#fullName").val($("#fullName").val().replace(/^\s+|\s+$/g, ''));
                        $("#orgnizationName").val($("#orgnizationName").val().replace(/^\s+|\s+$/g, ''));

                        if ($("#fullName").val() == "") {
                            $("#Span1").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span1").css("color", "#696969");
                        }

                        if ($("#orgnizationName").val() == "") {
                            $("#Span2").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span2").css("color", "#696969");
                        }

                        if ($("#workPhoneNumber").val() == "") {
                            $("#Span3").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span3").css("color", "#696969");
                            $(".errorPh").remove();
                            if (!phoneReg.test($("#workPhoneNumber").val())) {
                                $("#workPhoneNumber").after('<span class="errorPh" style="color:red">Enter a valid phone number(123-333-4444).</span>');
                                flg = false;
                            }
                        }


                        if ($("#emailId").val() == "") {
                            $("#Span4").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span4").css("color", "#696969");
                        }

                        if ($("#emailId").val() != "") {
                            $(".error").remove();
                            if (!emailReg.test($("#emailId").val())) {
                                $("#emailId").after('<span class="error" style="color:red">Enter a valid email address.</span>');
                                flg = false;
                            }
                        }

                        if ($("#confirmEmailId").val() == "") {
                            $("#Span5").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span5").css("color", "#696969");
                        }

                        if ($("#Span4").css("color") != "red" && $("#Span5").css("color") != "red") {
                            if ($("#emailId").val() != $("#confirmEmailId").val()) {
                                $(".error").remove();
                                $("#emailId").after('<span class="error" style="color:red">Entered Email addresses are not same</span>');
                                flg = false;
                            }
                        }
                        $("#formName").val("Organization");
                        return flg;
                    }
                )

    $("#navigation li a").click(
                    function() {
                        //alert($(this).html());

                        $("#formName").val($(this).html());
                        document.getElementsByTagName('form')[0].submit();
                    }
                )

    $(".footer-nav li ul li a").click(
                    function() {
                        if ($(this).html() == 'FaceBook') {
                            window.open('http://www.facebook.com/pages/TeachMe/124053694358858?sk=wall');
                            return false;
                        }
                        else if ($(this).html() == 'LinkedIn') {
                            window.open('http://www.linkedin.com/company/2316729/396232/product?trk=NUS_CMPY_FOL-pdctd');
                            return false;
                        }

                        $("#formName").val($(this).html());
                        document.getElementsByTagName('form')[0].submit();

                    }
                )

    $("#loginHref").click(
                    function() {
                        $("#formName").val($(this).html());
                        document.getElementsByTagName('form')[0].submit();
                    }
                )

    $("#tabs-1 ul li a").click(
                    function() {
                        $("#formName").val($(this).html() + ' Single');
                        document.getElementsByTagName('form')[0].submit();
                    }
                )

    $("#tabs-2 ul li a").click(
                    function() {
                        $("#formName").val($(this).html() + ' Organization');
                        document.getElementsByTagName('form')[0].submit();
                    }
                )

    $("#panelSingle ul li a").click(
                    function() {
                        $("#formName").val($(this).html() + ' Single');
                        document.getElementsByTagName('form')[0].submit();
                    }
                )

    $("#panelOrganization ul li a").click(
                    function() {
                        $("#formName").val($(this).html() + ' Organization');
                        document.getElementsByTagName('form')[0].submit();
                    }
                )

    $(".inner-top-tabs li a").click(
                    function() {
                        if ($(this).html() == 'Single User APP')
                            $("#formName").val('Introduction Single');
                        else if ($(this).html() == 'Organization')
                            $("#formName").val('Introduction Organization');
                        else if ($(this).html() == 'Parents')
                            $("#formName").val('Parents');

                        document.getElementsByTagName('form')[0].submit();
                    }
                )

    //                $(".testimonials ul li a").click(
    //                    function()
    //                    {
    //                        alert(1);
    //                        alert($(this).attr('id'));
    //                        
    //                        $("#formName").val('Testimonials#' + $(this).html());
    //                        document.getElementsByTagName('form')[0].submit();
    //                    }
    //                )

    $("#frmContactSubmit").click(
                    function() {
                        var flg = true;
                        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                        var phoneReg = /^(\d{3}-\d{3}-\d{4})?$/

                        if ($("#firstName").val() == "") {
                            $("#Span1").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span1").css("color", "#696969");
                        }


                        if ($("#emailId").val() == "") {
                            $("#Span2").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span2").css("color", "#696969");
                        }

                        if ($("#emailId").val() != "") {
                            $(".error").remove();
                            if (!emailReg.test($("#emailId").val())) {
                                $("#Span2").after('<span class="error" style="color:red">Enter a valid email address.</span>');
                                flg = false;
                            }
                        }

                        if ($("#textArea").val() == "") {
                            $("#Span3").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span3").css("color", "#696969");
                        }

                        $("#formName").val("SaveContact");
                        if (flg)
                            $("form:form1").submit();

                        return flg;
                    }
                );


    $("#frmEnquirySubmit").click(
                    function() {
                        var flg = true;
                        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
                        var phoneReg = /^(\d{3}-\d{3}-\d{4})?$/

                        if ($("#firstName").val() == "") {
                            $("#Span1").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span1").css("color", "#696969");
                        }


                        if ($("#emailId").val() == "") {
                            $("#Span2").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span2").css("color", "#696969");
                        }

                        if ($("#emailId").val() != "") {
                            $(".error").remove();
                            if (!emailReg.test($("#emailId").val())) {
                                $("#Span2").after('<span class="error" style="color:red">Enter a valid email address.</span>');
                                flg = false;
                            }
                        }

                        if ($("#textArea").val() == "") {
                            $("#Span3").css("color", "red");
                            flg = false;
                        }
                        else {
                            $("#Span3").css("color", "#696969");
                        }

                        $("#formName").val("SaveEnquiry");
                        if (flg)
                            $("form:form1").submit();

                        return flg;
                    }
                );


})