$('.tip_preview').click(function(e) {
		e.preventDefault();
		//do other stuff when a click happens
	});
	$('.tip_preview').each(function(){
		$(this).qtip({
			 content: {
				url: 'index.php?route=common/preview_tip',
				data: { id: $(this).attr('rel') },
				method: 'POST',
				title: {
					text: 'Szerszamkell - ' + $(this).find('img').attr('alt'), 
					button: 'X'
				}
			},
			style: { 
				width: 600,
				padding: 8,
				background: '#ededed',
				color: '#515151',
				textAlign: 'left',
				border: {
				 width: 2,
				 radius: 0,
				 color: '#cacaca'
				},
				tip: 'bottomMiddle',
				name: 'dark' // Inherit the rest of the attributes from the preset dark style
			},
			position: {
				corner: {
					target: 'topMiddle',
					tooltip: 'bottomMiddle'
				}
			},
			show: { 
				when: { event: 'click' } ,				
				solo: true // Only show one tooltip at a time
			}, 
			hide: { 
				when: { event: 'unfocus' },
				delay: 4000 
			}
			});
	});