$(document).ready(function() {
    var config = {
        sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)    
        interval: 200, // number = milliseconds for onMouseOver polling interval    
        over: hotspot_over, // function = onMouseOver callback (REQUIRED)    
        timeout: 50, // number = milliseconds delay before onMouseOut    
        out: hotpot_close // function = onMouseOut callback (REQUIRED)    
    };
    var info_box_content = $("#hover_box_content");
    var info_box_parent = $("#hover_info_box");
    $("#hotspots li").hoverIntent(config);


    function hotspot_over() {
        var info = $(this);
        var id = info.attr('id');

        var link_position = info.position();

        info_box_content.html(content_info[id]);
        if (jQuery.support.opacity) {
            info_box_parent.css({ left: (link_position.left - 148), top: link_position.top - (info_box_parent.height() + 25) }).fadeIn('fast');
        }
        else {
            info_box_parent.css({ left: (link_position.left - 148), top: link_position.top - (info_box_parent.height() + 25) }).show();

        }


    }

    function hotpot_close() {
        if (jQuery.support.opacity) {
            info_box_parent.fadeOut('fast');
        }
        else {
            info_box_parent.hide(); 
        }
    }

    var content_info = [];
    content_info['fluga'] = "<h5>FLUGA</h5><p</p>";
    content_info['klanning'] = "<h5>KLÄNNING</h5><p></p>";
    content_info['kudde'] = "<h5>KUDDE</h5><p></p>";
    content_info['tavla'] = "<h5>TAVLA</h5><p></p>";
    content_info['mat'] = "<h5>TE</h5><p></p>";
    content_info['stol'] = "<h5>Stol</h5><p></p>";
    content_info['bord'] = "<h5>Elvira Matbord</h5><p>Ur Elviras egna möbelserie</p>";

});