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

    /*INITIALISE*/
    $('#centre-book-a-tour-form').hide();
    $('#enrollment').hide();
    $('#centre-save-centre-form').hide();
    $('#bat-thank-you-container').hide();
    $('#et-thank-you-container').hide();

    if (window.location.href.toLowerCase().indexOf('#book-a-tour') != -1) {
        $('#centre-book-a-tour-form').delay(250).fadeIn(500);
    }

    $('select.bat-select').selectmenu({
        style: 'dropdown',
        width: 254
    });


    /*BOOK A TOUR START*/

    $('#bat-form-preferred-day-button').hover(
        function (e) {
            batOver = true;
        },
        function (e) {
            batOver = false;
        }
    ).click(function () {
        batOver = true;
    });

    $('#bat-form-preferred-day-menu').hover(
        function (e) {
            batOver = true;
        },
        function (e) {
            batOver = false;
        }
    );

    $('#bat-form-preferred-time-button').hover(
        function (e) {
            batOver = true;
        },
        function (e) {
            batOver = false;
        }
    ).click(function () {
        batOver = true;
    });

    $('#bat-form-preferred-time-menu').hover(
        function (e) {
            batOver = true;
        },
        function (e) {
            batOver = false;
        }
    );

    $('#centre-book-a-tour').click(function () {
        $('#centre-book-a-tour-form').delay(250).toggle();
    });


    function validateBatForm() {

        $('#aspnetForm').validationEngine('hideAll');

        if ($('#bat-form-first-name').val() == '' || $('#bat-form-first-name').val() == 'First name *') {
            $('#bat-form-first-name').validationEngine('showPrompt', 'This field is required', null, null, true);
            return false;
        }
        if ($('#bat-form-last-name').val() == '' || $('#bat-form-last-name').val() == 'Last name *') {
            $('#bat-form-last-name').validationEngine('showPrompt', 'This field is required', null, null, true);
            return false;
        }
        if ($('#bat-form-email').val() == '' || $('#bat-form-email').val() == 'Email address *') {
            $('#bat-form-email').validationEngine('showPrompt', 'This field is required', null, null, true);
            return false;
        } else {

            if ($('#bat-form-email').val().search(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i) == -1) {
                $('#bat-form-email').validationEngine('showPrompt', 'Invalid email addres', null, null, true);
                return false;
            }
        }
        if ($('#bat-form-phone').val() == '' || $('#bat-form-phone').val() == 'Contact number *') {
            $('#bat-form-phone').validationEngine('showPrompt', 'This field is required', null, null, true);
            return false;
        }

        return true;

        //bat-form-contact-type0
    }


    $("#bat-form-save").click(function (event) {

        if (validateBatForm()) {

            $.post(
            '/CMSTemplates/GoodStart/PageTemplates/Service.aspx?Type=BAT',
            { CentreID: $('#CentreID').val(), CentreName: $('#CentreName').val(),
                firstname: $("#bat-form-first-name").val(), lastname: $("#bat-form-last-name").val(),
                email: $("#bat-form-email").val(), phone: $("#bat-form-phone").val(),
                ContactType: $('input:radio:checked').val(), PreferredvisitDay: $("#bat-form-preferred-day").val(),
                PreferredVisitTime: $("#bat-form-preferred-time").val(), Comments: $("#bat-form-comments").val()
            },
            function (data) { },
            'json');
            $('#bat-form').hide();
            $('#bat-thank-you-container').show();
            $('#centre-book-a-tour-form').delay(1500).fadeOut(500);

        }
    });

    $('#bat-form-first-name').focus(function (e) {
        if ($(this).val() == 'First name *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('First name *');
        }
    });

    $('#bat-form-last-name').focus(function (e) {
        if ($(this).val() == 'Last name *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Last name *');
        }
    });

    $('#bat-form-email').focus(function (e) {
        if ($(this).val() == 'Email address *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Email address *');
        }
    });

    $('#bat-form-phone').focus(function (e) {
        if ($(this).val() == 'Contact number *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Contact number *');
        }
    });

    $('#bat-form-comments').focus(function (e) {
        if ($(this).val() == 'Comments') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Comments');
        }
    });


    /*BOOK A TOUR END*/






    /*SAVE AS MY CENTRE START*/
    $('#centre-save-as-my-centre').click(function () {
        $('#centre-book-a-tour-form').hide();
        $.post(
            '/CMSTemplates/GoodStart/PageTemplates/Service.aspx?Type=SAMC',
            { CentreID: $("#CentreID").val() },
            function (data) {
                if (data.Message == "Success") { $('#sc-fail-message').hide(); $('#sc-success-message').show(); setProfileCentreDetails(data.Data.CentreID, data.Data.CentreName, data.Data.CentreUrl); $('#centre-save-centre-form').delay(250).fadeIn(500); $('#centre-save-centre-form').delay(1250).fadeOut(500); }
                else { $('#sc-success-message').hide(); $('#sc-fail-message').show(); $('#centre-save-centre-form').delay(250).fadeIn(500); $('#centre-save-centre-form').delay(1500).fadeOut(500, function () { showLogin() }); }
            },
            'json');
    });
    /*SAVE AS MY CENTRE END*/










    /*ENROL TODAY START*/
    $('#centre-enrol-today').hover(
      function (e) {
          $('#centre-book-a-tour-form').delay(250).stop(true, true).fadeOut(500);
          $('#enrollment').delay(250).stop(true, true).fadeIn(500);
      },
      function (e) {

      }
    );

    var enrollOver = false;
    $('#enrollment').hover(
      function (e) {
          enrollOver = true;
      },
      function (e) {
          enrollOver = false;

          setTimeout(function () {
              if (!enrollOver) {
                  $('#enrollment').stop(true, true).fadeOut(750);
              }
          }, 1000);


      }
    );





    $('#centre-enrol-today').click(function () {
        //$('#enrollment').delay(250).toggle();
    });




    // enrollment form

    $('#et-button-submit').click(function (e) {
        if (validateEnroll3()) {
            //$('#aspnetForm').validationEngine('hideAll');

            // griff submit form
            /*

            // parent details
            et-firstname
            et-lastname
            et-street
            et-suburb
            et-state
            et-postcode
            et-phone
            et-email
            et-dobdd
            et-dobmm
            et-dobyy

            // child 1
            et-child1-firstname
            et-child1-lastname
            et-child1-dobdd
            et-child1-dobmm
            et-child1-dobyy

            // child 2
            et-child2-firstname
            et-child2-lastname
            et-child2-dobdd
            et-child2-dobmm
            et-child2-dobyy

            // days
            et-mon
            et-tue
            et-wed
            et-thu
            et-fri
            et-undecided

            // start
            et-start-dobdd
            et-start-dobmm
            et-start-dobyy

            et-comments

            */

            // show confirmation and hide this popup
            $('#enrollment3').fadeOut(250);
            $('#enrollment-top').delay(250).animate({ height: 200 }, 250);
            $('#enrollment4').delay(500).fadeIn(250);

            $('#enrollment').delay(2500).hide(0, function () {
                // reset to first step
                $('.enrollment-step').not('#enrollment1').fadeOut(0);
                $('#enrollment1').fadeIn(0);
                $('#enrollment-top').delay(250).animate({ height: 510 }, 250);
            });


        }
    });


    $('.enrollment-step').not('#enrollment1').fadeOut(0);

    $('#et-title').selectmenu({
        style: 'dropdown',
        width: 90,
        menuWidth: 90,
        wrapperElement: "<div style='float:left' />"
    });

    $('#et-title-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );

    $('#et-title-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });


    $('#et-state').selectmenu({
        style: 'dropdown',
        width: 116,
        wrapperElement: "<div style='float:left' />"
    });

    $('#et-state-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );

    $('#et-state-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });

    $('#et-dobdd').selectmenu({
        style: 'dropdown',
        width: 80,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-dobdd-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-dobdd-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });

    $('#et-dobmm').selectmenu({
        style: 'dropdown',
        width: 95,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-dobmm-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-dobmm-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });

    $('#et-dobyy').selectmenu({
        style: 'dropdown',
        width: 85,
        wrapperElement: "<div style='float:left' />"
    });

    $('#et-dobyy-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-dobyy-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });

    $('#et-child1-dobdd').selectmenu({
        style: 'dropdown',
        width: 80,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-child1-dobdd-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-child1-dobdd-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });
    $('#et-child1-dobmm').selectmenu({
        style: 'dropdown',
        width: 95,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-child1-dobmm-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-child1-dobmm-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });
    $('#et-child1-dobyy').selectmenu({
        style: 'dropdown',
        width: 85,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-child1-dobyy-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-child1-dobyy-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });

    $('#et-child2-dobdd').selectmenu({
        style: 'dropdown',
        width: 80,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-child2-dobdd-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-child2-dobdd-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });
    $('#et-child2-dobmm').selectmenu({
        style: 'dropdown',
        width: 95,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-child2-dobmm-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-child2-dobmm-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });

    $('#et-child2-dobyy').selectmenu({
        style: 'dropdown',
        width: 85,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-child2-dobyy-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-child2-dobyy-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });

    $('#et-start-dobdd').selectmenu({
        style: 'dropdown',
        width: 80,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-start-dobdd-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-start-dobdd-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });
    $('#et-start-dobmm').selectmenu({
        style: 'dropdown',
        width: 95,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-start-dobmm-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-start-dobmm-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });
    $('#et-start-dobyy').selectmenu({
        style: 'dropdown',
        width: 85,
        wrapperElement: "<div style='float:left' />"
    });
    $('#et-start-dobyy-menu').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    );
    $('#et-start-dobyy-button').hover(
        function (e) {
            enrollOver = true;
        },
        function (e) {
            enrollOver = false;
        }
    ).click(function () {
        enrollOver = true;
    });


    $('#button-enter-childs-details').click(function (e) {
        if (validateEnroll1()) {
            $('#aspnetForm').validationEngine('hideAll');
            $('#enrollment1').fadeOut(250);
            $('#enrollment-top').delay(250).animate({ height: 460 }, 250);
            $('#enrollment2').delay(500).fadeIn(250);
        }
    });

    $('#button-parent-details').click(function (e) {
        $('#enrollment2').fadeOut(250);
        $('#enrollment-top').delay(250).animate({ height: 510 }, 250);
        $('#enrollment1').delay(500).fadeIn(250);
    });

    $('#button-enquiry-details').click(function (e) {
        if (validateEnroll2()) {
            $('#aspnetForm').validationEngine('hideAll');
            $('#enrollment2').fadeOut(250);
            $('#enrollment-top').delay(250).animate({ height: 435 }, 250);
            $('#enrollment3').delay(500).fadeIn(250);
        }
    });

    $('#button-child-details').click(function (e) {
        $('#enrollment3').fadeOut(250);
        $('#enrollment-top').delay(250).animate({ height: 460 }, 250);
        $('#enrollment2').delay(500).fadeIn(250);
    });


    function validateEnroll1() {
        var result = true;

        if ($('#et-firstname').val() == '' || $('#et-firstname').val() == 'First name *') {
            $('#et-firstname').validationEngine('showPrompt', 'Please enter your first name', null, null, true);
            return false;
        }
        else {
            $('#et-firstname').validationEngine('hide');
        }
        if ($('#et-lastname').val() == '' || $('#et-lastname').val() == 'Last name *') {
            $('#et-lastname').validationEngine('showPrompt', 'Please enter your last name', null, null, true);
            return false;
        }
        else {
            $('#et-lastname').validationEngine('hide');
        }
        if ($('#et-street').val() == '' || $('#et-street').val() == 'Home address *') {
            $('#et-street').validationEngine('showPrompt', 'Please enter your address', null, null, true);
            return false;
        }
        else {
            $('#et-street').validationEngine('hide');
        }
        if ($('#et-suburb').val() == '' || $('#et-suburb').val() == 'City / Suburb *') {
            $('#et-suburb').validationEngine('showPrompt', 'Please enter your city / suburb', null, null, true);
            return false;
        }
        else {
            $('#et-suburb').validationEngine('hide');
        }
        if ($('#et-state').val() == '') {
            $('#et-state-button').validationEngine('showPrompt', 'Please select your state', null, null, true);
            return false;
        }
        else {
            $('#et-state-button').validationEngine('hide');
        }
        if ($('#et-postcode').val() == '' || $('#et-postcode').val() == 'Postcode *') {
            $('#et-postcode').validationEngine('showPrompt', 'Please enter your postcode', null, null, true);
            return false;
        }
        else {
            $('#et-postcode').validationEngine('hide');
        }
        if ($('#et-phone').val() == '' || $('#et-phone').val() == 'Preferred contact number *') {
            $('#et-phone').validationEngine('showPrompt', 'Please enter your contact number', null, null, true);
            return false;
        }
        else {
            $('#et-phone').validationEngine('hide');
        }

        if ($('#et-dobdd').val() == '' || $('#et-dobmm').val() == '' || $('#et-dobyy').val() == '') {
            $('#et-dobyy-button').validationEngine('showPrompt', 'Please enter your date of birth', null, null, true);
            return false;
        }
        else {
            $('#et-dobyy-button').validationEngine('hide');
        }

        return result;
    }

    function validateEnroll2() {
        if ($('#et-child1-lastname').val() == '' || $('#et-child1-lastname').val() == 'Last name *') {
            $('#et-child1-lastname').validationEngine('showPrompt', 'Please enter your child\'s last name', null, null, true);
            return false;
        }
        else {
            $('#et-child1-lastname').validationEngine('hide');
        }

        if ($('#et-child1-dobdd').val() == '' || $('#et-child1-dobmm').val() == '' || $('#et-child1-dobyy').val() == '') {
            $('#et-child1-dobyy-button').validationEngine('showPrompt', 'Please enter your child\'s date of birth', null, null, true);
            return false;
        }
        else {
            $('#et-child1-dobyy-button').validationEngine('hide');
        }

        return true;
    }

    function validateEnroll3() {
        return true;
    }


    $('#et-firstname').focus(function (e) {
        if ($(this).val() == 'First name *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('First name *');
        }
    });

    $('#et-lastname').focus(function (e) {
        if ($(this).val() == 'Last name *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Last name *');
        }
    });

    $('#et-street').focus(function (e) {
        if ($(this).val() == 'Home address *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Home address *');
        }
    });

    $('#et-suburb').focus(function (e) {
        if ($(this).val() == 'City / Suburb *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('City / Suburb *');
        }
    });

    $('#et-postcode').focus(function (e) {
        if ($(this).val() == 'Postcode *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Postcode *');
        }
    });

    $('#et-phone').focus(function (e) {
        if ($(this).val() == 'Preferred contact number *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Preferred contact number *');
        }
    });

    $('#et-email').focus(function (e) {
        if ($(this).val() == 'Preferred email address') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Preferred email address');
        }
    });

    $('#et-child1-firstname').focus(function (e) {
        if ($(this).val() == 'Given name/s') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Given name/s');
        }
    });

    $('#et-child1-lastname').focus(function (e) {
        if ($(this).val() == 'Last name *') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Last name *');
        }
    });

    $('#et-child2-firstname').focus(function (e) {
        if ($(this).val() == 'Given name/s') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Given name/s');
        }
    });

    $('#et-child2-lastname').focus(function (e) {
        if ($(this).val() == 'Last name') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Last name');
        }
    });


    $('#et-comments').focus(function (e) {
        if ($(this).val() == 'Comments') {
            $(this).val('');
        }
    }).blur(function (e) {
        if ($(this).val() == '') {
            $(this).val('Comments');
        }
    });





    /*ENROL TODAY END*/
});