$(document).ready(function(){
          $('[longdesc]').each(function()
    		{
       			$(this).qtip({
			        position: {
	                		target:'mouse',
          					type:'absolute',
          				corner: {
 			            	target: 'topRight',
            				tooltip: 'bottomLeft'
          				},
          				adjust: {
            				x:0,
            				y:0,
            				screen:true
          				}
        			},
			        style: {
         				border: {
            				width: 7,
            				radius: 7,
            				color: '#f3f3f3'
          				},
          				   padding: '0px 0px',
          					background: '#f3f3f3',
          				width: {
            				max: $(this).attr('alt'),
            				min: $(this).attr('alt')
          				},
          				tip: true
         			},
         			content:{
          				text: '<img src="'+$(this).attr('longdesc')+'" ></img>'
         			},
         		  show: { delay: 400 },
			        //show: 'mouseover',
         		  hide: 'mouseout'
		        });
     		}
     )});