/*
   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]);
    }
    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;
      }
      /*alert("debug");
      return false;*/
      if(!tasty) return false;
    });
  }
  
  
    
  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 trim_space(value){
	   s = new String(value)
	   return s.replace(/^\s*/, "").replace(/\s*$/, "");	
	}

  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;
      }
    });
    
    field.focus(function(){
    	if(field.attr('type') == 'text'){
    		var naam = field.attr('name');
    		switch(naam){
    			case "straat":
    				naam = "adres";
    				break;
    			case "huisnummer":
    				naam = "huisnr";
    				break;
    			case "code":
    				naam = "keukendesigners_code";
    				break;
    		}
    		if(field.val()==$.fn.ketchup.messages[naam]){
	    		field.val("");
	    	}
	    }
	    if(field.attr('type') == 'textarea'){
	    	//alert(field.val());
	    	var val = field.text();
	    	var sub_val = val.substr(0,17);
	    	//sub_val = trim_space(sub_val);
	    	var check_val = $.fn.ketchup.messages['rangelength'].substr(0,17);
	    	if(val==$.fn.ketchup.messages['required'] || sub_val==check_val){
	    		field.text('');
	    	}
	    }
	    if(field.attr('type') == 'radio' || field.attr('type') == 'select'){
			var par = field.parent();
			//$("span.error_box",par).html("");
	    }
    	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;
    
    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+$/, '');
    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]);
	  var val = trim_space(field.val());
      if(!eval('$.fn.ketchup.validations["'+funcName+'"](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,
      left: fOffset.left + field.width() - 175,
      top: fOffset.top - errorContainer.height() - 226,
      zIndex: 10
    });
  };
  
  
  var positionContainer = function(errorContainer, field) {
    errorContainer.animate({
      top: field.offset().top - errorContainer.height() - 226
    });
  };
  
  
  var showContainer = function(errorContainer) {
  	var par = errorContainer.parent();
  	//par = 
  	/*if(par.is('span')){
  		par = par.parent();
  	}*/
  	var melding = "";
  	$("ol li",errorContainer).each(function(){
  		melding =$(this).html();
  	});
  	//$(par).addClass("form_error");
  	//$(par).prev().addClass("form_error");
  	/*if($("input:first",par).attr("type")=="radio"){
  		//$("span.error_box",par).html(melding);
  	}else{*/
  		if($("input:text",par).length == 1){
		  	$("input:text",par).addClass("form_error");
		  	$("input:text",par).val(melding);
		}
		if($("input:radio",par).length > 0){
			$("input:radio",par).parent().addClass("check-radio_error");
		}
	  	if($("input:checkbox",par).length == 1){
		  	$("input:checkbox",par).parent().addClass("check-radio_error");
		}
	  	if($("textarea",par).length == 1){
		  	$("textarea",par).addClass("form_error");
		  	$("textarea",par).text(melding);
		}
		if($("select",par).length == 1){
		  	$("select",par).addClass("form_error");
		}
	//}
    //errorContainer.fadeIn();
  };
  
  
  var hideContainer = function(errorContainer) {
    errorContainer.fadeOut();
    var par = errorContainer.parent();
    $("input:text",par).removeClass("form_error");
    $("textarea",par).removeClass("form_error");
    $("select",par).removeClass("form_error");
  	//$(par).prev().removeClass("form_error");
  	
  };
  
  
  /*$.fn.ketchup.set_after_post = function(){
	alert("debug");
  };*/
  
  $.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
  };
})(jQuery);