school visits 1.9.1 correct so far

by Nick Hulea

HTML

<div class="bl_center bl_schoolvisit">
     <h2>School Visit Reservation Request</h2>

    <p>Hello! We are now taking requests to visit through August 31. We will begin to process requests for the 2013 - 2014 school year on August 15.</p>
    <p>Summer Camps! Please submit your request to our Group Sales department.</p>
    <p>Thank you!</p>
    <div class="blClear"></div>
    <div class="bl_block">
        <div class="bl_block2">
            <form id="form-school_form-registration" name="form-school_form-registration" method="post" action="">
                <!-- - - step 1 The Questions - -->
                <div id="step-1" style="display:none;" class="step">
                    <!-- Group Question Start-->
                    <div id="school_form-group-choice">
                        <div style="margin-top: 0px;">&nbsp;</div>
                        <div id="school_form_selection question-0">
                            <p>First Lets Select What kind of organization are you?&nbsp;</p>
                            <p>
                                <select name="select_group_type" id="select_group_type" class="required">
                                    <option value="" selected="selected">Choose</option>
                                    <option value="Accredited California">Accredited California School</option>
                                    <option value="Head Start or Child Development Center">Head Start or Child Development Center</option>
                                    <option value="Preschool (students are 2+ years)">Preschool (students are 2+ years)</option>
                                    <option value="Club">Club, after school program or non-profit located at a school site and providing academic instruction to students.</option>
                                    <option value="Accredited School outside">Accredited School outside of California or the United States</option>
                                    <option...

CSS

.bl_center {
    width: 467px;
    float: left;
}
.bl_center h2 {
    /* margin-bottom: 20px; */
}
.bl_center .bl_color3 {
    color: #AF1F2D;
    margin: 0 0 7px 0;
    font-size: 15px;
}
.bl_center .bl_image {
    float:left;
    width: 72px;
    margin-right: 0px;
}
.bl_center .bl_image img {
    border: 0px solid #636363;
    padding-bottom: 0px!important;
}
.bl_center .bl_text {
    float:right;
    width: 379px;
}
.bl_center .bl_text a {
    color: #406fa9;
}
.bl_center .bl_text .bl_linkcolor {
    color: #406FA9;
}
.bl_center p {
    margin-bottom: 10px;
    line-height: 18px;
}
.bl_center .bl_last {
    margin: 0;
}
.bl_center .bl_block {
    margin-bottom: 16px;
}
.bl_center ul li {
    list-style: disc outside;
    padding-left: 0px;
    margin-left: 16px;
}
.bl_center ol li {
    list-style-type: decimal;
    margin-left: -18px;
}
.bl_add, .bl_add p, .bl_add p b, .bl_add p strong, .bl_add p em {
    font-size: 12px;
    line-height: 18px;
}
.bl_add a:link, .bl_add a:visited, .bl_add a:hover, .bl_add a:active {
    color: #788D19;
    font-size: 12px;
    font-weight: bold;
}
.bl_add h1 {
    color: #dd5900;
    font-size: 21px;
    margin-bottom: 20px;
}
.bl_add h2 {
    color: #dd5900;
    font-size: 21px;
    margin-bottom: 16px;
}
.bl_add h3 {
    margin-bottom: 0px;
    font-size: 12px;
    color: #dd5900;
    font-weight: bold;
}
.bl_add h3 em {
    color: #dd5900;
    font-size: 12px;
    font-weight: bold;
}
.bl_add h3.section_title {
    color: #636363;
    font-size: 13px;
    margin-bottom: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.bl_add .bl_ap_title {
    height: 63px;
    width: 467px;
    margin-bottom: 40px;
}
.bl_add ul li {
    font-size: 12px;
}
.bl_add ul li strong {
    font-size: 12px;
}
.bl_add ol li {
    font-size: 12px;
}
.bl_add ol li strong {
    font-size: 12px;
}
.bl_add div.bl_text {
    margin-top: -5px;
}
.bl_article, .bl_article p, .bl_article p b, .bl_article p strong, .bl_article p em, .bl_article...

JavaScript

_err = "";
_posted = false;
_add_more = 1;
_num_groups = 7;
_blur_check = false;
var _err_msg = "";
var _zip_found = false;
var _processMsg = "<img class='loading' src='/site/files/images/rloader.gif' alt='Processing...' style='margin-left:10px;margin-right:10px;margin-top:20px;' /> Please wait while we process your request.";
var _minute_options = '<option value="">< Min ></option><option value="00">00</option><option value="15">15</option><option value="30">30</option><option value="45">45</option>';
var _todays_date = new Date();
var _black_out_dates = [];
var _active_list, _organization_type, _school_name, _school_zip = "";
var grades_ten_ =

/*
 * init method
 */
window.onload = function () {

    $(function () {
        $("#error-dialog").dialog({
            autoOpen: false,
            bgiframe: true,
            modal: true,
            position: top,
            closeOnEscape: true,
            buttons: {
                "Ok": function () {
                    $(this).dialog("close");
                }
            }
        });
    });

    $(function () {
        $("#processing-dialog").dialog({
            autoOpen: false,
            bgiframe: true,
            modal: true,
            position: top,
            closeOnEscape: true,
            draggable: false,
            width: 324
        });
    });

    $("select[name='select_group_type']").change(checkState);
    //First Lets Select What kind of organization are you?
    function checkState() {
        var state = $("select[name='select_group_type']").val();

        if (state == "Accredited California") {
            $('#school_form-group-choice').fadeOut('fast');
            $('#school_form-private-preschool-choice').fadeIn('fast');
            $('#results_block').fadeIn('fast');
            $("#results").html("<b>Group:</b> " + state);
        } else if (state == "Head Start or Child Development Center") {
            $('#school_form-group-choice').fadeOut('fast');
           ...