// POPUP WINDOW!!!!

$('[id="tooltip_mouseover"]').each(function()
   {
	   $(this).qtip(
   	   {
	   content: {
		  url: $(this).attr('rel'),
		  title: {
			  text: $(this).attr('alt')
		  }
	   },
	    position: {
		  corner: {
			target: 'rightMiddle', 
			tooltip: 'leftMiddle'
		  },
		  adjust: {
			screen: true, // Keep the tooltip on-screen at all times
			resize: true,
			scroll: true
		  }
	    },
	   show: { 
		  when: 'mouseover', 
		  delay: 150,
		  solo: false, 		// Only show one tooltip at a time
	       effect: { 
		  	type: 'fade',		// slide, fade or grow
		  	length: 500
	    	  },		  
	    },	   
	   hide: 'mouseout',
	   style: { 
		 width: 612,
		 padding: 0,
		 background: '#fea',
		 color: 'black',
		 textAlign: 'center',
		 border: {
		    width: 8,
		    radius: 8,
		    color: '#fc0'
		 },
		 tip: false,
		 name: 'dark' // Inherit the rest of the attributes from the preset dark style
		 }
	});
});


//$('[id="tooltip_click"]').each(function()
//   {
//	   $(this).qtip(
//   	   {
//	   content: {
//		  url: $(this).attr('rel'),
//		  title: {
//			  text: $(this).attr('alt'),
//			  button: 'Close'
//		  }
//	   },
//	    position: {
//		  corner: {
//			target: 'rightMiddle', 
//			tooltip: 'leftMiddle'
//		  },
//		  adjust: {
//			screen: true, // Keep the tooltip on-screen at all times
//			resize: true,
//			scroll: true
//		  }
//	    },
//	   show: { 
//		  when: 'click', 
//		  delay: 10,
//		  solo: true, 			// Only show one tooltip at a time
//	       effect: { 
//		  	type: 'grow',		// slide, fade or grow
//		  	length: 300
//	    	  },		  
//	    },	   
//	   hide: 'unfocus',
//	   style: { 
//		 width: 553,
//		 padding: 6,
//		 background: '#fea',
//		 color: 'black',
//		 textAlign: 'center',
//		 border: {
//		    width: 8,
//		    radius: 8,
//		    color: '#fc0'
//		 },
//		 tip: true,
//		 name: 'dark' // Inherit the rest of the attributes from the preset dark style
//		 }
//	});
//});