var kundenbox = {};

$(function(){
    // <img ... /> mit kundenfotos
    var $kbox = $('.kunden-box');

    // map-areas
    var $all_areas = $('#kundenbox-map area');
    var $k1_area = $all_areas.filter('#kunde_1_area');
    var $k2_area = $all_areas.filter('#kunde_2_area');
    var $k3_area = $all_areas.filter('#kunde_3_area');
    var $k4_area = $all_areas.filter('#kunde_4_area');

    // Sprechblasen
    var $all_bubbles = $('.kunde_sprechblase_1,.kunde_sprechblase_2');
    var $k1_bubble = $all_bubbles.filter('#kunde_1_bubble');
    var $k2_bubble = $all_bubbles.filter('#kunde_2_bubble');
    var $k3_bubble = $all_bubbles.filter('#kunde_3_bubble');
    var $k4_bubble = $all_bubbles.filter('#kunde_4_bubble');

    var k1_bubble_coord = {top:50,left:-187};
    var k2_bubble_coord = {top:52,left:-65};
    var k3_bubble_coord = {top:138,left:-90};
    var k4_bubble_coord = {top:152,left:15};

    var show_bubble = function($which,top,left){
        hide_bubbles();
        $which.css({"top":top,"left":left}).show();
    }
    var hide_bubbles = function(){
        $all_bubbles.hide();
    }

    kundenbox.k1_area = $k1_area;
    kundenbox.k1_bubble = $k1_bubble;

    $kbox.mouseleave(function(){
        hide_bubbles();
    });
    $all_bubbles.mouseleave(function(){
        hide_bubbles();
    });
    $k1_area.mouseover(function(){
        show_bubble($k1_bubble,k1_bubble_coord['top'],k1_bubble_coord['left']);
    }).mousedown(function(e){
        e.preventDefault();
    }).click(function(e){
        e.preventDefault();
    });
    $k2_area.mouseover(function(){
        show_bubble($k2_bubble,k2_bubble_coord['top'],k2_bubble_coord['left']);
    }).mousedown(function(e){
        e.preventDefault();
    }).click(function(e){
        e.preventDefault();
    });
    $k3_area.mouseover(function(){
        show_bubble($k3_bubble,k3_bubble_coord['top'],k3_bubble_coord['left']);
    }).mousedown(function(e){
        e.preventDefault();
    }).click(function(e){
        e.preventDefault();
    }).click(function(e){
        e.preventDefault();
    });
    $k4_area.mouseover(function(){
        show_bubble($k4_bubble,k4_bubble_coord['top'],k4_bubble_coord['left']);
    }).mousedown(function(e){
        e.preventDefault();
    }).click(function(e){
        e.preventDefault();
    });
});