jQuery(function($) {

var banner = $('#banner');
var pos = banner.position();
var rootX = pos.left, rootY = pos.top;
var w = 60, h = 80;
var regions = [{
    x : 160,
    y : 150,
    text : 'Gitte Hammelstein',
    href : '/energy/team/hammelstein/'
}, {
    x : 290,
    y : 100,
    text : 'Petra Müller'
}, {
    x : 400,
    y : 160,
    text : 'Karin Hanemann'
}, {
    x : 530,
    y : 70,
    text : 'Dr. Klaus Aden',
    href : '/energy/team/aden/'
}, {
    x : 660,
    y : 130,
    text : 'Elke Vorholt',
    href : '/energy/team/vorholt/'
}, {
    x : 800,
    y : 120,
    text : 'Tina Bestehorn',
    href : '/energy/team/bestehorn/'
}];

var findRegion = function(x, y) {
    var i, r;
    for (i = 0; i < regions.length; ++i) {
        r = regions[i];
        if (Math.abs(r.x - x) <= w && Math.abs(r.y - y) <= h) {
            return r;
        }
    }
    return null;
};

banner.append('<div class="tip"></div>');

var tip = $('#banner div:last-child');
var currentRegion;

var leaveRegion = function() {
    currentRegion = null;
    banner.css('cursor', 'default');
    tip.stop(true, true).hide();
};

banner.mousemove(function(event) {
    var x = event.pageX - rootX,
        y = event.pageY - rootY,
        region = findRegion(x, y);
    if (region && region.text) {
        if (currentRegion != region) {
            currentRegion = region;
            tip.text(region.text).fadeIn()
        }
        tip.css({
            'position' : 'absolute',
            'left' : Math.round(x - tip.width()/2) + 'px',
            'top' : (y + 25) + 'px'
        });
        if (region.href) {
            banner.css('cursor', 'pointer');
        }
    } else {
        leaveRegion();
    }
});
banner.mouseout(leaveRegion);
banner.click(function() {
    if (currentRegion && currentRegion.href) {
        location.href = currentRegion.href;
    }
});

});