// Jeppesen Form jQuery Plugins
// Pravesvuth Uparanukraw
// Feb 2009
// 0.8
(function($) {
    $.JeppForm = {
        init: function(options) {
            $.JeppForm.options = $.extend($.JeppForm.options, options);
            $.JeppForm.bindValidate($.JeppForm.options.validate.element,$.JeppForm.options.validate.callback);
        },
        options: {
            mandateClass:   'req',
            disabledClass:  'disabled',
            emailClass:     'email',
            numericClass:   'numeric',
            ignoreClass:    'ignore',
            dateClass:      'date',
            hideDisabled:   false,
            mandateApnStr:  null,
            debug:          false,
            highlightBind:  false,
            msgBox:         '#msgBox',
            progressBox:    '#progressBox',
            colors:         {
                isRequired: '#FDD',
                isEmail:    '#FFC',
                isNumeric:  '#DFD'
            },
            validate:       {
                element:    ':input[type=submit]',
                events:     'click',
                callback:   function() {
                    // do nothing
                }
            }
        },
        defaultRules: {
            events:	'onDisable',
            action:	'disable',
            values:	null,
            reverseAction: null
        },
        validate: function(method) {
            var i;
            var className;
            switch (method) {
                case "isRequired" : className = $.JeppForm.options.mandateClass; break;
                case "isEmail" : className = $.JeppForm.options.emailClass; break;
                case "isNumeric" : className = $.JeppForm.options.numericClass; break;
                case "isDate" : className = $.JeppForm.options.dateClass; break;
            }
            var valid = true;
            var fields = $(":input:enabled."+className);
            fields.removeAttr("style");
            for (i = 0; i< fields.length; i++) {
                var val = fields[i].value;
                switch (method) {
                    case "isRequired" :
                        if ($.isEmpty(val)) {
                            $(fields[i]).css("background-color",$.JeppForm.options.colors[method]);
                            valid = false;
                        }
                        break;
                    case "isEmail" :
                        if ($(fields[i]).hasClass($.JeppForm.options.mandateClass) && ($.isEmpty(val) || !$.isEmail(val))) {
                            $(fields[i]).css("background-color",$.JeppForm.options.colors[method]);
                            valid = false;
                        } else if (!$.isEmpty(val) && !$.isEmail(val)) {
                            $(fields[i]).css("background-color",$.JeppForm.options.colors[method]);
                            valid = false;
                        }
                        break;
                }
            }
            return valid;
        },
        bindValidate: function (element, callback) {
            $(element).bind($.JeppForm.options.validate.events, function() {
                var isRequiredFieldValid = true, isEmailFieldValid = true;

                isRequiredFieldValid = $.JeppForm.validate('isRequired');
                isEmailFieldValid = $.JeppForm.validate('isEmail');

                if (isRequiredFieldValid && isEmailFieldValid) {
                    if ($.JeppForm.options.msgBox != null) {
                        $($.JeppForm.options.msgBox).removeClass('cautionBox').empty();
                    }
                    callback();
                } else {
                    if ($.JeppForm.options.msgBox != null) {
                        $($.JeppForm.options.msgBox).empty().addClass('cautionBox');
                        if (!isRequiredFieldValid) {
                            $($.JeppForm.options.msgBox).append(
                            "<span class='error'>"+
                            "Missing required fields! Red fields are required."+
                            "</span");
                        }
                        if (!isEmailFieldValid) {
                            $($.JeppForm.options.msgBox).append(
                            "<span class='error'>"+
                            "Invalid email! Yellow fields require a valid email."+
                            "</span");
                        }
                    }

                    $(":text[style],select[style]").bind("change keypress",function () {
                        if ($(this).val() != null || $(this).val().length != 0) {
                            $(this).removeAttr("style");
                        }
                    });

                    $(":radio[style],:checkbox[style]").bind("change click",function () {
                        if ($(this).val() != null || $(this).val().length != 0) {
                            $(this).removeAttr("style");
                        }
                    });

                    $('html,body').animate({scrollTop: 0}, 500);
                    return false;
                }
                return true;
            });

        },
        hideDisabled: function() {
            $('.'+$.JeppForm.options.disabledClass).hide();
            $.JeppForm.options.hideDisabled = true;
        },
        showDisabled: function() {
            $('.'+$.JeppForm.options.disabledClass).show();
            $.JeppForm.options.hideDisabled = false;
        }
    }
    
    $.fn.doAction = function(action) {
        switch (action) {
            case 'disable':
                $(this).disable();
                break;
            case 'enable':
                $(this).enable();
                break;
            case 'toggle':
                $(this).toggle();
                break;
            case 'mandate':
                $(this).mandate();
                break;
            case 'unmandate':
                $(this).unmandate();
                break;
        }
    }
	
    $.fn.bindMultiple = function(events, action, reverseAction, dependencies) {
        var options = $.JeppForm.options;
        var _this = $(this);
        var matched = true;
        var i;
        for (i=0; i< dependencies.length; i++) {
            var _dependency = $(dependencies[i].dependency).filter(':input');
            var _values = dependencies[i].values;
            
            var target_dependency = _dependency;
            if (_dependency.attr('type')== "radio") {
                target_dependency = _dependency.filter(':checked');
            }
            if (_values != null && $.inArray(target_dependency.val(),_values) == -1) {
                matched = false;
            }
        }    
        if (!matched) {
            _this.doAction(reverseAction);
        }
        
        for (i=0; i< dependencies.length; i++) {
            _dependency = $(dependencies[i].dependency).filter(':input');
            _values = dependencies[i].values;
            _dependency.bind(events, function() {
                var _action = action;
                var matched = true;
                var i;
                for (i=0; i< dependencies.length; i++) {
                    var _dependency = $(dependencies[i].dependency).filter(':input');
                    var _values = dependencies[i].values;
                    var target_dependency = _dependency;
                    if (_dependency.attr('type')== "radio") {
                        target_dependency = _dependency.filter(':checked');
                    }
                    if (_values != null && $.inArray(target_dependency.val(),_values) == -1) {
                        matched = false;
                    }
                } 
                if (!matched && reverseAction != null) {
                    matched = true;
                    _action = reverseAction;
                }
                if (matched) {
                    _this.doAction(_action);
                }
            });
        }
        
                
    }
        
    $.fn.bindAction = function(events, action, dependency, values, reverseAction) {
        var options = $.JeppForm.options;
        var _this = $(this);
        var _dependency = $(dependency).filter(':input');
        var target_dependency = _dependency;
        if (_dependency.attr('type')== "radio") {
            target_dependency = _dependency.filter(':checked');
        }

        if (values != null && $.inArray(target_dependency.val(),values) == -1) {
            _this.doAction(reverseAction);
        }

        if (options.debug) {
            _dependency.css('border', '2px solid green');
            _this.css('border', '2px dotted green');
        }
        _dependency.bind(events, function() {
            var doAction = true;
            var doReverseAction = false;
            
            var target_dependency = _dependency;
            if (_dependency.attr('type')== "radio") {
                target_dependency = _dependency.filter(':checked');
            }    

            if (values != null) {
                if ($.inArray(target_dependency.val(),values) != -1) {
                    doAction = true;
                } else {
                    doAction = false;
                    if (reverseAction != null) {
                        doReverseAction = true;
                    }
                }
            }	
            if (doAction || doReverseAction) {
                var _action = action;
                if (doReverseAction) _action = reverseAction;
                _this.doAction(_action);
            }
        });
    }

    $.fn.setDependency = function(dependency, rules) {			
        var rls = $.extend($.JeppForm.defaultRules, rules);
        this.bindAction(rls.events, rls.action, dependency, rls.values, rls.reverseAction);
    }
    
    $.fn.setDependencies = function(options) {
        var rules = options.rules;
        var dependencies = options.dependencies;
        this.bindMultiple(rules.events, rules.action, rules.reverseAction, dependencies);
    }
	
    $.fn.releaseDependency = function(dependency) {
        $(dependency).unbind();
    }
	
    $.fn.toggle = function() {
        var options = $.JeppForm.options;
        var _this = $(this);
        var inputs = $(this).filter(':input');
        if (inputs.attr('disabled') == false) {
            _this.disable();
        } else {
            _this.enable();
        }
        inputs.trigger('onToggle');
        if (options.debug) console.log('toogle');
    }
	
    $.fn.disable = function() {
        var options = $.JeppForm.options;
        var input = $(this).filter(':input');

        input.attr('disabled',true);
        input.addClass(options.disabledClass);
        $(this).addClass(options.disabledClass);
        $(this).unmandate();
        $(this).trigger('onDisable');
        if (options.hideDisabled) $(this).hide();

        if (options.debug) console.log('disable');
    }
	
    $.fn.enable = function() {
        var options = $.JeppForm.options;
        var inputs = $(this).filter(':input');
	
        inputs.removeAttr('disabled');
        inputs.removeClass(options.disabledClass);
        $(this).removeClass(options.disabledClass);
        $(this).trigger('onEnable');
        if (options.hideDisabled) $(this).show();

        if (options.debug) console.log('enable');
    }
	
    $.fn.mandate = function() {
        var options = $.JeppForm.options;
        var inputs = $(this).filter(':input:not(.'+options.ignoreClass+')');
        var labels = $(this).filter('label');
		
        if (!inputs.hasClass(options.mandateClass)) inputs.addClass(options.mandateClass);
        inputs.each(function(i) {
           var input = $(inputs[i]);
           if (options.mandateApnStr != null && 
              input.attr('name').indexOf(options.mandateApnStr) == -1) 
           {
              input.attr('name',input.attr('name') + options.mandateApnStr);
           }
        });
        
        if ($("em.mandatelabel",labels).length == 0)
            labels.prepend('<em class="mandatelabel" style="color: red;">*&nbsp;</em>');
		
        $(this).trigger('onMandate');
        if (options.debug) console.log('mandate');
    }
	
    $.fn.mandateAndBind = function() {
        $(this).mandate();
        $(this).setDependency(this,{events: 'onEnable', action: 'mandate'});
    }
	
    $.fn.unmandate = function() {
        var options = $.JeppForm.options;
        var inputs = $(this).filter(':input');
        var labels = $(this).filter('label');
		
        inputs.removeClass(options.mandateClass);
        inputs.each(function(i) {
        	var input = $(inputs[i]);
        	if (options.mandateApnStr != null && 
                input.attr('name').indexOf(options.mandateApnStr) != -1) 
            {
                input.attr('name',
                		input.attr('name').substr(0,input.attr('name').indexOf(options.mandateApnStr))
                );
            }
        });
        
        $("em.mandatelabel",labels).remove();
		
        $(this).trigger('onUnmandate');
        if (options.debug) console.log('unmandate');
    }
	
    $.fn.unmandateAndUnbind = function() {
        $(this).unmandate()
        $(this).releaseDependency(this);
    }
	
    $.fn.format = function(format) {
        var options = $.JeppForm.options;
        var inputs = $(this).filter(':input');
        if (format.isEmail) inputs.addClass(options.emailClass);
        if (format.isNumeric) inputs.addClass(options.numericClass);
        if (format.isDate) inputs.addClass(options.dateClass);
    }
	
    $.isEmpty = function (str) {
        return (str == null) || (str == undefined) || (str.length == 0) || /^\s.$/.test(str) ;
    }
    
    $.isEmail = function (str) {
        if(this.isEmpty(str)) return false;
        var re = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i
        return re.test(str);
    }
    
    $.isNumeric = function (str) {
        if(this.isEmpty(str)) return false;
        if (isNaN(str)) return false;
        return true;
    }

	

})(jQuery);