jQuery.noConflict();
jQuery(document).ready(function(){
	
	// tooltip *****************************************************************
	jQuery('area').simpleTooltip();
	
	// validation **************************************************************
	var _mainForm = jQuery('#commentform');
	if (_mainForm.length) {
		var _name = jQuery('#name',_mainForm),
			_email = jQuery('#email',_mainForm),
			_errors  = jQuery('span.error',_mainForm);
			
		var _submitForm = true,
			_emailReg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			
		jQuery([_name, _email]).each(function(i,obj){
			jQuery(this).focus(function(){
				jQuery(this).next('span').hide();
			});
		});
			
		_mainForm.submit(function(){
			_errors.hide();
			_submitForm = true;
			
			jQuery([_name]).each(function(i,obj){
				if (jQuery(this).val() == '') jQuery(this).next('span').show();
			});
			
			if (!_emailReg.test(_email.val())) {
				_email.next('span').show()
			}
			
			if (_errors.filter(':visible').length) {
				_submitForm = false;
			}
			return _submitForm;
		});
	}
});

(function(jQuery) {

	jQuery.fn.simpleTooltip = function(options){
	  
		// default configuration properties
		var defaults = {	
			xOffset: 15,		
			yOffset: -20,
			tooltipId: "easyTooltip"
		}; 
			
		var options = jQuery.extend(defaults, options);  
				
		this.each(function() {
			var title = jQuery(this).attr("title"), content, header = '', _split;
			if (title) {
				if (title.indexOf('::') != -1) {
					_split = title.split('::');
					header = _split[0];
					content = _split[1];
				} else {
					content = title;
				}
				jQuery(this).attr("title","");
				var _tooltipHTML = jQuery('<div class="tooltip"><div class="l">&nbsp;</div><div class="c"><span>'+content+'</span></div><div class="r">&nbsp;</div></div>');
				
				jQuery(this).mouseenter(function(e){
					jQuery("body").append(_tooltipHTML);
					var _dif = checkWidth(_tooltipHTML, e.pageX + options.xOffset);
					_tooltipHTML
						.css("position","absolute")
						.css("top",(e.pageY + options.yOffset) + "px")
						.css("left",(e.pageX + options.xOffset + _dif) + "px")						
						.css("display","none")
						.fadeIn("fast")
				}).mouseleave(function(){	
					_tooltipHTML.hide();
				});	
				jQuery(this).mousemove(function(e){
					var _dif = checkWidth(_tooltipHTML, e.pageX + options.xOffset);
					_tooltipHTML
						.css("top",(e.pageY + options.yOffset) + "px")
						.css("left",(e.pageX + options.xOffset + _dif) + "px")					
				});
			}
		});
		function checkWidth(_tip, _x){
			var _dif = 0;
			if (window.innerHeight) _width = window.innerWidth;
			else _width = document.documentElement.clientWidth;
			var _tipWidth = _tip.outerWidth(true);
			if (_width < _x+_tipWidth + 20) {
				_dif = -_tipWidth-options.xOffset-5;
				return _dif;
			} else {
				return 0;
			}
		}
		
	};

})(jQuery);