$(document).ready(function(){  
	$("#panels").qtip({
		content: {
			url: 'popup.html',
			title: {
			text: 'Új szolgáltatások!',
			button: 'Bezár',
			background: '#ECE5B6'
			}
		},
		show: {						
			ready: true,
			event: 'focus',
			effect: {
				type: 'fade',
				length: 800
			}
		},
		hide: 'resize',
		position: {
			type: 'absolute',
			corner: {
				target: 'topLeft',
				tooltip: 'topLeft'
			},
			adjust: { x: -15, y: 0 }
		},
		style: {
			width: 950,
			height: 425,
			color: '#555',
			background: '#ECE5B6',
			padding: 8,
			name: 'green',
			border: {
        width: 8,
        radius: 8,
        color: '#EEEEEE'				
      }
		},
		api: {			
			onHide: function(){			
				$(".qtip").each( function(){
					$(this).fadeOut(500, function(){
						$(this).remove();
					});
				});				
			}							
		}
	});	
});