function tip(source, image, html, up, cl){ 
	cl = false; 
	var mytip = $('<div class="bimg" ></div>');
	$(mytip).css({'background':'#fff','border':'1px solid #c7c7c7'});
	if($(source).attr('title')!=''){
		var title = $('<h3>'+$(source).attr('title')+'</h3>');
		$(title).appendTo(mytip);
	}
	$(mytip).appendTo('body');

	var tbox = $('<div class="bimg" ></div>');
	$(tbox).css({'background':'#fff','height':'225px'});
	$(tbox).appendTo(mytip);
	
	if(typeof(image) != 'undifined'){
		var img = new Image(); 
		$(img).hide();			 
		var loader = $('<div class="loader"></div>');
		$(loader).appendTo(mytip);
		$(img).load(function () { 
		$(loader).remove();
			$(this).fadeIn();
			$(tbox).css({'width':'auto','height':'auto'});
		}).error(function () {
		}).attr('src', image);
		$(img).appendTo(tbox);
	}		
	if(typeof(html) != 'undefined'){
		var html = $('<div>'+html+'</div>');
	 	if(up){
			$(html).prependTo(mytip);
		}else{
			$(html).appendTo(mytip);
		}
	}
	
	$(mytip).css({'width':'auto','height':'auto'});
	
	$(source).css({'cursor':'pointer'});
	$(source).mousemove(function(e){
		
		var border_top = $(window).scrollTop();
		var border_right = $(window).width();
		var left_pos;
		var top_pos;
		var offset = 15;
		if(border_right - (offset *2) >= mytip.width() + e.pageX){
			left_pos = e.pageX+offset;
			} else{
			left_pos = border_right-mytip.width()-offset;
			}

		if(border_top + (offset *2)>= e.pageY - mytip.height()){
			top_pos = border_top +offset;
			} else{
			top_pos = e.pageY-mytip.height()-offset;
			}	

		mytip.css({left:left_pos, top:top_pos});
		//$('#console').html('left:'+left_pos+'top:'+top_pos);
	})
	 
	$(mytip).css({'position':'absolute','z-index':'1000'});
	
	$(source).mouseout(function(){ 		
		$(mytip).fadeOut(222, function(){
			$(this).remove();								 
		});  
	});
	
}