var hover_state = '';

jQuery(document).ready(function() {

        $('area').click(function(e) { 
                var state = $(this).attr('alt'); 
                var which_map = rotationCounter + 1;
                var map_id = spreadsheet_to_map[which_map];
                location.href="/state-detail/?state=" + state + '&map=' + which_map + '&map_id=' + map_id;
                return false; 
            });


        var xOffset = 70;
        var yOffset = -56;

        $('area').hover(function(e) { 
                var msg = $("#sample_for_" + (rotationCounter + 1) + "_" + this.alt).html();
                $('#tooltip_inner').html(msg);
                hover_state = this.alt;
                $("#tooltip")
                    .css("top",(e.pageY - xOffset) + "px")
                    .css("left",(e.pageX + yOffset) + "px")
                    .show();
            },
            function() {
                hover_state = '';
                $("#tooltip").hide();
            });

        $('area').mousemove(function(e){
                $("#tooltip")
                    .css("top",(e.pageY - xOffset) + "px")
                    .css("left",(e.pageX + yOffset) + "px");
            });

    });