//namespace
var region_map = {

//translation from database id to area number
 area_nrs: { 
    41: 20,
    27: 21,
    23: 18,
    42: 17,
    26: 19,
    24: 16,
    22: 15,
    51: 13,
    21: 10,
    
    56: 9,
    54: 7,
    65: 1,
    10: 11,
    55: 8,
    13: 12,
    63: 3,
    57: 5,
    64: 2,
    61: 6,
    62: 4,
    12: 10,
    21: 14
  },

  layers: null,
  highlight_layer: null,
  orig_bubble_html: "",
  WIDTH: 156, //don't forget to update the CSS also
  HEIGHT: 366
  
}

jQuery(document).ready(function(){
    jQuery.getCSV('/exportfiler/TillKarta2.txt',callback=function(data) {
        jQuery('#karta-month').html(data[1][0]);
        region_map.layers = [];
        for (var i=1;i<data.length-1;i++) {                
            var row = data[i];
//            alert(i + ': ' + row[2] + ', ' + row[7]);
            region_map.layers[region_map.area_nrs[row[2]]-1] = { img: '/karta/map_color'+row[7]+'.gif/image', x: -region_map.WIDTH*(region_map.area_nrs[row[2]]-1), row: row };
        }
        
        for (var i=0; i<region_map.layers.length; i++) {
            if (!region_map.layers[i]) {
                region_map.layers[i] = {};
            }
        }
        //last highlight layer
        region_map.layers.push({ img: '/karta/transparent.gif/image', x: 0 });
       
        jQuery('#karta').composite(region_map.layers,{ 
                                        width: region_map.WIDTH, 
                                        height: region_map.HEIGHT, 
                                        callback: function(){
                                                        var layer_divs = this.find('.layer');
                                                        region_map.highlight_layer = layer_divs.eq(layer_divs.length-1).addClass('highlight_layer').append('<img width="'+region_map.WIDTH+'" height="'+region_map.HEIGHT+'" src="/karta/transparent.gif/image" usemap="#map" />');
                                                        this.add('#bubble').fadeIn('fast');
                                                 }
                                        
                                     });
        
        });
        region_map.orig_bubble_html = jQuery('#bubble').html();
});

function set_background(nr,url) {
        region_map.highlight_layer.css({backgroundImage:url, backgroundPosition: (-region_map.WIDTH*nr)+'px 0px'});
}

function clear_highlight(nr) {
         jQuery('#bubble').html(region_map.orig_bubble_html);     
         set_background(nr-1,'url(/karta/transparent.gif/image)');
}

function highlight(nr) {
        nr = nr-1;
        var row = region_map.layers[nr].row;
        if (row) {
            jQuery('#bubble').html('<span class="region">'+row[1]+'</span><span class="month">'+row[0]+'</span><span class="visit">Besök: <span class="result">'+row[3]+'</span> <span class="freq">('+row[4]+')</span></span><span class="operation">Operation/Åtgärd: <span class="result">'+row[5]+'</span> <span class="freq">('+row[6]+')</span></span>');
            var val = region_map.layers[nr].row[7];
            set_background(nr,'url(/karta/map_color'+val+'-highlight.gif/image)')

        }
}

function debug(txt) {
    if (window.console && console.log) {
        console.log(txt);    
    }
}