jQuery.fn.Tooltip = function(showhide, options) { 
	var options = $.extend({
		text : 'Ogiltigt',
		type : 'warning',
		position : 'right',
		colorinput : true
	}, options);
	
	var objThis = $(this);

	var html = '';
	var positionclass = 'tooltip-box';
	var imageicon = 'icon_warning.png';
	var extracolorclass = '';
	if(options.position=='right') {
		positionclass = 'tooltip-box-arrowleft';
	}
	
	
	if(options.type=='accept') { 
		extracolorclass = ' tooltip-box-green';
		var imageicon = 'icon_accept_green.png';
	}
	
	if(options.type=='error') { 
		extracolorclass = ' tooltip-box-red';
		var imageicon = 'icon_cancel.png';
	}
	
	var elementOffset = $(this).position();

	if(options.position=='right') {
		var elementPosX = elementOffset.left+$(this).width()+5;
		var elementPosY = elementOffset.top;
	}
	if(options.position=='topright') {
		var elementPosX = elementOffset.left+$(this).width()-36;
		var elementPosY = elementOffset.top-2;
	}
	if(options.position=='top') {
		var elementPosX = elementOffset.left;
		var elementPosY = elementOffset.top-2;
	}
	
	
	html += '<div style="display: none; left: '+elementPosX+'px; top: '+elementPosY+'px; position: absolute; z-index: 1003;" class="'+positionclass+extracolorclass+'" id="ToolTip'+$(this).attr('id')+'">';
	html += '	<div><div>';
	//html += '		<img alt="" src="Images/'+imageicon+'" style="width: 16px; height: 16px;">';
	html += options.text;
	html += '	</div></div>';
	html += '</div>';

	if(showhide) {
		if($('#ToolTip'+$(this).attr('id'))!=undefined) {
			$('#ToolTip'+$(this).attr('id')).remove();
		} 
		
		$(this).before(html);

		
		$('#ToolTip'+$(this).attr('id')).fadeIn(500);
		
		
		$('#ToolTip'+$(this).attr('id')).click(function() {
			$(this).fadeOut(500, function() {
				$('#ToolTip'+$(this).attr('id')).remove();
				if(options.colorinput) {
					objThis.removeClass('textbox-red');
				}
			});	
		});
		
		if(options.colorinput && options.type!='accept') {
			$(this).addClass('textbox-red');
		}
		
		$(document).bind('keydown', function(e) {
			code = (e.keyCode ? e.keyCode : e.which);
			if(code == 27) {
				$('#ToolTip'+objThis.attr('id')).remove();
				if(options.colorinput) {
					$(this).removeClass('textbox-red');
				}
			}
		});
		
	} else {
		$('#ToolTip'+$(this).attr('id')).remove();
		if(options.colorinput) {
			$(this).removeClass('textbox-red');
		}
	}


};