function tooltip () {


  var tip = $('#tooltip');
    var source ='';
	$('#items_list').find('.price_item').hover(function(){
        this.title='';
	    var itemId ='#img'+this.id;
	    var itemIMG  = $(itemId).attr('href');
        if (itemIMG) source = $('<img/>').attr('src', itemIMG+'&thumb=1');
       if (source) {
      tip = $(tip).remove();
		$('body').append(tip);
        tip.html(source);
		tip.show(); //Show tooltip


	   }
	}, function() {
		 if (source) {

		 	tip.hide().remove(); //Hide and remove tooltip appended to the body
		$(this).append(tip); //Return the tooltip to its original position

		 	source='';
		 	}
	}).mousemove(function(e) {
	//console.log(e.pageX)
		  var mousex = e.pageX + 20; //Get X coodrinates
		  var mousey = e.pageY + 20; //Get Y coordinates
		  var tipWidth = tip.width(); //Find width of tooltip
		  var tipHeight = tip.height(); //Find height of tooltip

		 //Distance of element from the right edge of viewport
		  var tipVisX = $(window).width() - (mousex + tipWidth);
		  var tipVisY = $(window).height() + (mousey + tipHeight);

		if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
			mousex = e.pageX - tipWidth - 20;
			$(this).find('.tip').css({  top: mousey, left: mousex });
		} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
			mousey = e.pageY - tipHeight - 20;
			tip.css({  top: mousey, left: mousex });
		} else {
			tip.css({  top: mousey, left: mousex });
		}
	});

}