/*
   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;
			}
			
			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 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){
		//trik dla Tiniego -> TB
		if ($('#' + field.attr('id') + '_tbl').length > 0){
			field = $('#' + field.attr('id') + '_tbl');
		}
		
		var fOffset = field.offset();
		
		var __left = fOffset.left + field.width() - 10;
		
		if ($(window).width() < __left + errorContainer.width()){
			__left = $(window).width() - errorContainer.width() - 7;
		}
		
		errorContainer.css({
			left: __left,
			top: fOffset.top - errorContainer.height()
		});
	};
	
	var positionContainer = function(errorContainer, field){
		//trik dla Tiniego -> TB
		if ($('#' + field.attr('id') + '_tbl').length > 0){
			field = $('#' + field.attr('id') + '_tbl');
		}
	
		errorContainer.animate({
				top: field.offset().top - errorContainer.height()
			},
			500,
			function(){
				//sprawdzam czy są jakieś chmurki poniżej widoczności -> wtedy przesuwam scrolla do góry
				
				//scroll pionowy			
				var scroll_top = $(document).scrollTop();
				
				//gdy scroll pionowy jest większy od 0 i są jakieś widoczne chmurki
				if (scroll_top > 0 && $('.ketchup-error-container:visible').length > 0){
					
					//bede przechowywał minimalną wartość pozycji top widocznej chmurki (poczatkowo wysokosc strony)
					var min_top = $(document).height();
					
					//znajduje top najwyżej położonej chmurki
					$('.ketchup-error-container:visible').each(function(){
						var position = $(this).position();
						var top = position.top;
						
						min_top = Math.min(min_top, top);
					});
					
					//jeżeli jakaś chmurka jest niewidoczna do góry -> zmieniam scroll'a
					if (scroll_top > min_top){
						$(document).scrollTop(min_top - 10);
					}
				}
			}
		);
	};
	
	var showContainer = function(errorContainer){
		errorContainer.fadeIn();
	};
	
	var hideContainer = function(errorContainer){
		errorContainer.fadeOut();
	};
	
	$.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);