/**
 * @author gregcrown
 */

jQuery.noConflict();

jQuery(document).ready(function(){

    jQuery('#form1 input, #form1 select').bind('keydown blur click', function(){
        jQuery('#form1 li').removeAttr('style');
        jQuery('#form1 li input.error, #form1 li select.error').closest('li').attr('style', 'background:#FFDDDD');
    });
    
    function set_error_color(){
        jQuery('#form1 li input.error, #form1 li select.error').closest('li').attr('style', 'background:#FFDDDD');
    };
    
    jQuery("input:button, li.hide").removeClass("hide");
    jQuery("#frm2, #frm3, #frm4").addClass("hide");
    jQuery(".ffa").addClass("hide");
    jQuery(".ffa .field").attr("disabled", true);
    jQuery("#frm2 .required, #frm3 .required").addClass("arequired").removeClass("required");
    //                jQuery("#frm2, #frm3, #frm4").addClass("hide");
    jQuery("input:submit").attr("disabled", true);
    jQuery("select#school").attr("disabled", true);
    jQuery("select#sponsor").attr("disabled", true);
    jQuery("#next1").click(function(){
        if (jQuery("#form1").validate().form()) {
            jQuery("#frm1 .required").addClass("arequired").removeClass("required");
            jQuery("#frm2 .arequired").addClass("required").removeClass("arequired");
            jQuery("#frm2").slideDown().removeClass("hide");
            jQuery("#frm1").slideUp();
        }
        else {
            set_error_color();
			jQuery(".error").not("label")[0].focus()
        };
            });
    jQuery("#next2").click(function(){
        if (jQuery("#form1").validate().form()) {
            jQuery("#frm2 .required").addClass("arequired").removeClass("required");
            jQuery("#frm3 .arequired").addClass("required").removeClass("arequired");
            jQuery("#frm3").slideDown().removeClass("hide");
            jQuery("#frm2").slideUp();
        }
        else {
            set_error_color();
			jQuery(".error").not("label")[0].focus()
        };
    });
    jQuery("#next3").click(function(){
        if (jQuery("#form1").validate().form()) {
            jQuery("#frm3 .required").addClass("arequired").removeClass("required");
            jQuery("#frm4 .arequired").addClass("required").removeClass("arequired");
            jQuery("#frm4").slideDown().removeClass("hide");
            jQuery("#frm3").slideUp();
            setReview();
            jQuery("input:submit").removeAttr("disabled");
        }
        else {
            set_error_color();
			jQuery(".error").not("label")[0].focus()
        };
    });
    jQuery("#back2").click(function(){
        jQuery("#frm2 .required").addClass("arequired").removeClass("required");
        jQuery("#frm1 .arequired").addClass("required").removeClass("arequired");
        jQuery("#frm1").slideDown();
        jQuery("#frm2").slideUp();
    });
    jQuery("#back3").click(function(){
        jQuery("#frm3 .required").addClass("arequired").removeClass("required");
        jQuery("#frm2 .arequired").addClass("required").removeClass("arequired");
        jQuery("#frm2").slideDown();
        jQuery("#frm3").slideUp();
    });
    jQuery("#back4").click(function(){
        jQuery("#frm3 .arequired").addClass("required").removeClass("arequired");
        jQuery("#frm3").slideDown();
        jQuery("#frm4").slideUp();
        jQuery("input:submit").attr("disabled", true);
    });
	jQuery("#step3_FFAcategory").blur(function(){
		var FFA_category_name = jQuery(this).find("option:selected").text();
		jQuery("#selected_FFA_category").val(FFA_category_name);
	});
    function setReview(){
        jQuery("#review").text("");
        //            					var section = "";
        //            					var type = "";
        var mySection = jQuery(".step");
        var myReview = jQuery("#review");
        var output = "<ul>";
        mySection.each(function(i){
            var myCurrentSection = jQuery(this);
            var myLabel = myCurrentSection.find("h3").not(".sub_title");
            output += "<li><span>" + myLabel.text() + "</span><ul>";
            myCurrentSection.find("li").not(".hide").find("label.desc").not(".error").each(function(ii){
                output += "<li><strong>" + jQuery(this).text() + "</strong></li>";
                var mySelect = jQuery(this).closest("li").find("select");
                if (mySelect.length > 0) {
                    //                                alert("found select! Text is: " + mySelect.find("option:selected").text());
                    mySelect.each(function(iiii){
                        output += "<li>" + jQuery(this).find("option:selected").text() + "</li>";
                    });
                }
                jQuery(this).closest("li").find("input, textarea").not(":button, :submit").each(function(iii){
                    //								if(this.checked == true || (this.type != "checkbox" && ))
                    if (this.type == "text" || this.type == "textarea" || (this.type == "radio" && jQuery(this).attr("checked") == true) || (this.type == "checkbox" && jQuery(this).attr("checked") == true)) 
                        output += "<li>" + jQuery(this).val() + "</li>";
                });
            });
            output += "</ul></li>";
        });
        output += "</ul>";
        myReview.append(output);
    }
    //                jQuery("#next3").click(setReview);
    jQuery("#form1").validate();
    
    jQuery(function($){
        $("#date").mask("99/99/9999");
        $("#phone").mask("(999) 999-9999");
        $("#tin").mask("99-9999999");
        $("#ssn").mask("999-99-9999");
        $("#age").mask("9?9");
    });
    
    // ON DISTRICT SELECT CHANGE SCHOOL SELECT AND POPULATE DISTRICT DATA
    jQuery("#district").change(function(){
        jQuery("#school").attr("disabled", "disabled");
        jQuery("#school option:selected").html('loading...');
        var find_school = jQuery("#district option:selected").val();
        jQuery.getJSON("/xml_tools/remote/index.php?method=get_school_names_by_district&send_json=yes&district=" + find_school, function(data2){
            var options = '';
            jQuery.each(data2.schools, function(i, school){
                options += '<option value="' + school.id + '">' + school.school_name + '</option>';
            });
            var existing_data = '<option selected="selected" value="">Select your school...</option>';
            jQuery("select#school").html(existing_data + options);
        });
        jQuery("select#school").removeAttr("disabled");
    }); //close change
    // ON SCHOOL SELECT CHANGE SPONSOR SELECT
    jQuery("#school").change(function(){
        jQuery("#sponsor").attr("disabled", "disabled");
        jQuery("#sponsor option:selected").html('loading...');
        var find_sponsor = jQuery("#school option:selected").val();
        jQuery.getJSON("/xml_tools/remote/index.php?method=get_sponsor_names_by_school&send_json=yes&school=" + find_sponsor, function(data3){
            var options = '';
            jQuery.each(data3.sponsors, function(i, sponsor){
                options += '<option value="' + sponsor.ID + '">' + sponsor.FirstName + ' ' + sponsor.LastName + '</option>';
            });
            var existing_data = '<option selected="selected" value="">Select your sponsor...</option>';
            jQuery("select#sponsor").html(existing_data + options);
			var school_name = jQuery("select#school option:selected").text();
			jQuery("#school_name").val(school_name);
        });
        jQuery("select#sponsor").removeAttr("disabled");
    }); //close change
    // ON PROJECT TYPE SELECT CHANGE STUDENT VIEW
    jQuery("#project_type").blur(function(){
		var sponsor_name = jQuery("select#sponsor option:selected").text();
		jQuery("#sponsor_name").val(sponsor_name);
        var project_type_selected = jQuery("#project_type").val();
        switch (project_type_selected) {
            case "1":
                jQuery(".s2, .s3").addClass("hide").find(".field").attr("disabled", true);
                break;
            case "2":
                jQuery(".s3").addClass("hide").find(".field").attr("disabled", true);
                jQuery(".s2").removeClass("hide").find(".field").removeAttr("disabled");
                break;
            default:
                jQuery(".s2, .s3").removeClass("hide").find(".field").removeAttr("disabled");
        }
    }); //close change
    // ON FFA SELECT SHOW AND ENABLE FFA ITEMS
    jQuery("#award_FFA").click(function(){
        var check_FFA = jQuery("#award_FFA").val();
		if (jQuery("#award_FFA").attr("checked")) {
                jQuery(".ffa").removeClass("hide").find(".field").removeAttr("disabled");
		} else {
                jQuery(".ffa").addClass("hide").find(".field").attr("disabled", true);
		}
    }); //close change
    // POPULATE AG ID SELECTION BOX WITH ID's
    jQuery.getJSON("/xml_tools/remote/index.php?method=get_ag_ed_ids", function(data){
        var options = '';
        jQuery.each(data.ids, function(i, id){
            options += '<option value="' + id.ID + '">' + id.ChapterName + '--' + id.Chapter_ID + '</option>';
        });
        var existing_data = '<option selected="selected" value="">Select your chapter ID...</option>';
        jQuery("select#step3_FFAchapterid").html(existing_data + options);
    });
    // SHOW AG ED DETAILS FROM AG ID SELECTION
    jQuery("#step3_FFAchapterid").change(function(){
        var ag_id = jQuery("#step3_FFAchapterid").val();
        jQuery.getJSON("/xml_tools/remote/index.php?method=get_ag_ed_details&ag_id=" + ag_id, function(data){
            var details = '';
            jQuery.each(data.ag_details, function(i, ag_detail){
                details = '<p><strong>School:</strong><br />' + ag_detail.School;
                details += '<br />' + ag_detail.CityStateZip;
                details += '<br /><br /><strong>Advisor Name:</strong><br />' + ag_detail.AdvisorFirstName + ' ' + ag_detail.AdvisorLastName + '</p>';
            });
            jQuery("#ag_ed_details").html(details);
        });
    }); //close change
});