jQuery(function() {
	jQuery('map area[href]').each(function(){
        var item = jQuery(this);

        item.removeAttr('title');

		item.qtip({
			content: {
				text: 'Lade...',
				//url: item.attr('href')
			},				
			position: {
				corner: {
    				target: 'topMiddle',
    				tooltip: 'bottomMiddle'
    			}
			},
			show: {
                delay: 200,
				when: 'mouseover',
				solo: true
            },
            hide: {
            	delay: 200,
				when: 'mouseleave',
				fixed: true
            },
			style: {
                tip: true,
                width: {
                    min: 0,
                    max: 400
                },
                border: {
                    width: 2,
                    radius: 0,
                    color: '#008AC4'
                },
                tip: {
                    corner:	'bottomMiddle',
                    color: false,
                    size: {
            	        x:12,
            	        y:12
            	    }
            	}
            },
			api: {
				onShow: function() {
					var self = this;
					
					jQuery.fx.off = true;
					
					jQuery.ajax({
						url: item.attr('href'),
						success: function(content) {
							self.updateContent(content, true);							
						}
					})
				},
				onContentUpdate: function(content) {
					jQuery.fx.off = false;
				}
			}
		})
	})
})