/*
   jQuery Ketchup Plugin
   =====================
   Tasty Form Validation
   
   Version 0.1 - 12. Feb 2010
   
   Copyright (c) 2010 by Sebastian Senf:
   http://mustardamus.com/
   http://usejquery.com/
   
   Dual licensed under the MIT and GPL licenses:
   http://www.opensource.org/licenses/mit-license.php
   http://www.gnu.org/licenses/gpl.html
   
   Demo:            http://demos.usejquery.com/ketchup-plugin/
   Source:          http://github.com/mustardamus/ketchup-plugin
*/

(function($) {
  var validate = 'validate';
  
  
  function squeeze(form) {
    var fields = fieldsToValidate(form);
    
    for(var i = 0; i < fields.length; i++) {
      bindField(fields[i]);
    }
    
    var that = options.onSuccess;  // this little snippet allows multiple forms to be bound with an onSuccess handler
	options.beforeValidation();
	
    if (options.useFormSubmit) {
	    form.submit(function() {
	      var tasty = true;
	      
	      for(var i = 0; i < fields.length; i++) {
	        if(buildErrorList(extractValidations(fields[i].blur()), fields[i]).length) tasty = false;
	      }
		  
		  options.afterValidation();
	
	        if (!tasty) {
	            options.onFailure();
	            return false;
	        }
	
	        //return options.onSuccess();
	        return that();
		
	    
	    });
    } else {
    	options.buttonId.click(function() {
	      var tasty = true;
	      
	      for(var i = 0; i < fields.length; i++) {
	        if(buildErrorList(extractValidations(fields[i].blur()), fields[i]).length) tasty = false;
	      }
	      		  
		  
		  options.afterValidation();
	
	        if (!tasty) {
	            options.onFailure();
	            return false;
	        }
	
	       //return options.onSuccess();
	        return that();
		
	    
	    });
    }
  }
  
  
  function fieldsToValidate(form) {
    var tags = 'input textarea select'.split(' ');
    var fields = [];
    
    for(var i = 0; i < tags.length; i++) {
      form.find(tags[i]+'['+options.validationAttribute+'*='+validate+']').each(function() {
        fields.push($(this));
      });
    }
    
    return fields;
  }
  
  
  function bindField(field) {
    var validations = extractValidations(field);
    var errorContainer = field.after(options.errorContainer.clone()).next();
    var contOl = errorContainer.find('ol');
    var visibleContainer = false;
    
    $(window).resize(function() {
      options.initialPositionContainer(errorContainer, field);
    }).trigger('resize');
    
    field.blur(function() {
      var errList = buildErrorList(validations, field);
      
      if(errList.length) {
        if(!visibleContainer) {
          contOl.html(errList);
          options.showContainer(errorContainer);
          visibleContainer = true;
        } else {
          contOl.html(errList);
        }
        
        options.positionContainer(errorContainer, field);
      } else {
        options.hideContainer(errorContainer);
        visibleContainer = false;
      }
    });
    
    if(field.attr('type') == 'checkbox') {
      field.change(function() { //chrome dont fire blur on checkboxes, but change
        $(this).blur(); //so just simulate a blur
      });
    }
    
  }
  
  
  function extractValidations(field) {
    var valStr = field.attr(options.validationAttribute);
	valStr = valStr.substr(valStr.indexOf(validate) + validate.length + 1);
	var validations = [];
	var tempStr = '';
	var openBrackets = 0;
	valStr = valStr.split("");
	for(var i = 0; i < valStr.length; i++) {
	
	  switch(valStr[i]) {
	    case ',':
	      if(openBrackets) {
	        tempStr += ',';
	      } else {
	        validations.push(trim(tempStr));
	        tempStr = '';
	      }
	      break;
	    case '(':
	      tempStr += '(';
	      openBrackets++;
	      break;
	    case ')':
	      if(openBrackets) {
	        tempStr += ')';
	        openBrackets--;
	      } else {
	        validations.push(trim(tempStr));
	      }
	      break;
	    default:
	      tempStr += valStr[i];
	  }
	}
	
	return validations;    

  }
  
  
  function trim(str) {
    return str.replace(/^\s+/, '').replace(/\s+$/, '');
  }
  
  
  function getFunctionName(validation) {
    if(validation.indexOf('(') != -1) {
      return validation.substr(0, validation.indexOf('('));
    } else {
      return validation;
    }
  }
  
  
  function buildParams(validation) {
    if(validation.indexOf('(') != -1) {
      var arr = validation.substring(validation.indexOf('(') + 1, validation.length - 1).split(',');
      var tempStr = '';
      
      for(var i = 0; i < arr.length; i++) {
        var single = trim(arr[i]);
        
        if(parseInt(single)) {
          tempStr += ','+single;
        } else {
          tempStr += ',"'+single+'"'
        }
      }
      
      return tempStr;
    } else {
      return '';
    }
  }
  
  
  function formatMessage(message, params) {
    var args = message.split('$arg').length - 1;
    
    if(args) {
      var parArr = params.split(',');
      
      for(var i = 1; i < parArr.length; i++) {
        message = message.replace('$arg'+i, parArr[i]);
      }
    }
    
    return message;
  }
  
  
  function buildErrorList(validations, field) {
    var list = '';
    
    for(var i = 0; i < validations.length; i++) {
      var funcName = getFunctionName(validations[i]);
      var params = buildParams(validations[i]);
      
      if(!eval('$.fn.ketchup.validations["'+funcName+'"](field, field.val()'+params+')')) {
        list += '<li>'+formatMessage($.fn.ketchup.messages[funcName], params)+'</li>';
      } 
    }
    
    return list;
  }
  
  
  var errorContainer = $('<div>', {
    'class':  'ketchup-error-container',
    html:     '<ol></ol><span></span>'
  });
  
  
  var initialPositionContainer = function(errorContainer, field) {
    var fOffset = field.offset();

    errorContainer.css({
      left: fOffset.left + field.width() - 10,
      top: fOffset.top - errorContainer.height()
    });
  };
  
  
  var positionContainer = function(errorContainer, field) {
    errorContainer.animate({
      top: field.offset().top - errorContainer.height()
    });
  };
  
  
  var showContainer = function(errorContainer) {
    errorContainer.fadeIn();
    errorContainer.closest('fieldset').children('input').css("border","1px solid #DC291E");
    errorContainer.closest('fieldset').children('textarea').css("border","1px solid #DC291E");
  };
  
  
  var hideContainer = function(errorContainer) {
    errorContainer.fadeOut();
    errorContainer.closest('fieldset').children('input').css("border","1px solid #000000");
    errorContainer.closest('fieldset').children('textarea').css("border","1px solid #000000");
  };
  
  	var beforeValidation = function() {};
	var onSuccess = function() {return true;};
	var onFailure = function() {};
	var afterValidation = function() {};
  
  $.fn.ketchup = function(opt) {
    options = $.extend({}, $.fn.ketchup.defaults, opt);
    
    return this.each(function() {
      squeeze($(this));
    });
  };
  

  $.fn.ketchup.validation = function(name, func) {
    $.fn.ketchup.validations.push(name);
    $.fn.ketchup.validations[name] = func;
  };
  
  
  $.fn.ketchup.messages = {};
  $.fn.ketchup.validations = [];
  var options;

  
  $.fn.ketchup.defaults = {
    validationAttribute:      'class',
    errorContainer:           errorContainer,
    initialPositionContainer: initialPositionContainer,
    positionContainer:        positionContainer,
    showContainer:            showContainer,
    hideContainer:            hideContainer,
     beforeValidation : beforeValidation,
    onSuccess : onSuccess,
    onFailure : onFailure,
    afterValidation : afterValidation,
	buttonId:	'',
	useFormSubmit:	true
  };
})(jQuery);