jQuery().ready(function(){
        
        
            function onExperienceClick(e) {
                //alert(this.get("id"));
                var buttons = exp_buttons.getButtons();
                //alert(buttons.length + ' buttons');
                var btnid;

                panel_construction.hide();
                panel_maintenance.hide();
                panel_warehousing.hide();
                
                for (var i = 0; i < buttons.length; i++) {
                    if (buttons[i]._configs.checked.getValue()) {
                        btnid = buttons[i].get("id");
                        var experience_cat = btnid.split('_')[1];
                        //alert(experience_cat);
                        
                        panels[experience_cat].show();
                        break;
                    }
                }
            }
            
        
            //var exp_buttons = new YAHOO.widget.ButtonGroup("experience_buttongroup"); 
            //exp_buttons.on("click", onExperienceClick);  

            
            
            var panel_construction = new YAHOO.widget.Module("overlay_construction", {context:["check_construction","tl","bl", ["beforeShow", "windowResize"]],
                                                                                        visible:false,
                                                                                        width:"600px",
                                                                                        effectx:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.5}
                                                                                        } );
            panel_construction.render();
            
            var panel_maintenance = new YAHOO.widget.Module("overlay_maintenance", {context:["check_maintenance","tl","bl", ["beforeShow", "windowResize"]],
                                                                                        visible:false,
                                                                                        width:"600px",
                                                                                        effectX:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}
                                                                                        } );
            panel_maintenance.render();
            
            
            var panel_warehousing = new YAHOO.widget.Module("overlay_warehousing", {context:["check_warehousing","tl","bl", ["beforeShow", "windowResize"]],
                                                                                        visible:false,
                                                                                        width:"600px",
                                                                                        effectX:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.25}
                                                                                        } );
            panel_warehousing.render();
            

            var panels = [];
            panels['construction'] = panel_construction;
            panels['maintenance'] = panel_maintenance;
            panels['warehousing'] = panel_warehousing;


            //panels['construction'].show();
            
             jQuery('.chkExperience').click(function(event) {
                var chk = jQuery(this);
                var el = chk.get(0);
                var parts = el.getAttribute('id').split("_");
                var category = parts[1];
                
                if (jQuery('#check_' + category +':checked').length) {
                    //alert('checked');
                    //jQuery('#placeholder_'+category).show();
                    panels[category].show();
                } else {
                    panels[category].hide();
                    //jQuery('#placeholder_'+category).hide();
                }
            });
            
            
            
            
            jQuery(".select_year").change(function() {
                var experience = jQuery(this).val();
                //alert(experience);
                if (experience == "na") {
                    jQuery(this).parent().parent().find('.select_year_label').css({'color':'black','font-weight':'normal'});
                } else {
                    jQuery(this).parent().parent().find('.select_year_label').css({'color':'blue','font-weight':'bold'});
                }
            
            });
            
            
    });
    
    
    
    jQuery().ready(function(){
            
            
            jQuery(".managedform").validate({
                //http://docs.jquery.com/Plugins/Validation
                //see also: http://bassistance.de/2007/07/04/about-client-side-form-validation-and-frameworks/
                errorClass: "field_error",
                errorPlacement: function(error, element) {
                    if (element.attr("name") == "present_employment_status") {
                        error.insertAfter("#present_employment_status_error");
                    } else if (element.attr("name") == "type_of_employment_required") {
                        error.insertAfter("#type_of_employment_required_error");
                    } else {
                        error.insertAfter(element);
                    }
                },
                rules: {
                    "surname": {
                        required: true,
                        minlength: 2
                    },
                    "firstname": {
                        required: true,
                        minlength: 2
                    },
                    "email": {
                        required: false,
                        email: true
                    },
                    "tel": {
                        required: true,
                        minlength: 8
                    },
                    "mobile": {
                        required: false
                    },
                    "present_employment_status": {
                        required: true
                    },
                    "type_of_employment_required": {
                        required: true
                    }
                },
                messages: {
                    "surname": {
                        required: " Please enter your surname/family name"
                    },
                    "firstname": {
                       required: " Please enter your given name"
                    },
                    "tel": {
                        required: " A contact number is required"
                    },
                    "present_employment_status": {
                        required: " Please select one"
                    },
                    "type_of_employment_required": {
                        required: " Please select one"
                    }
                },
                invalidHandler: function(e, validator) {
                    var errors = validator.numberOfInvalids();
                    if (errors) {
                        var message
                        if (errors == 1) {
                            message = '1 field is incomplete. It has been highlighted above';
                        } else {
                            message = errors + ' fields are incomplete. They have been highlighted above';
                        }
                        jQuery(".errorsummary span").html(message).css({'color': 'red', 'font-weight': 'bold'});
                        jQuery(".errorsummary").show();
                    } else {
                        jQuery(".errorsummary").hide();
                    }
                }

            });
            
           
            
            
            
        });