var _HOMEPAGE_TABS = $A([
    {Tab:'tm_retailers', Content:'tab_retailers', Inst:4},
    {Tab:'tm_cities', Content:'tab_cities', Inst:4}, 
    {Tab:'tm_brokers', Content:'tab_brokers', Inst:4}, 
    {Tab:'tm_marketing', Content:'tab_marketing', Inst:4}, 
    {Tab:'tm_small_business', Content:'tab_small_business', Inst:4}
]);

function switchHPTab(id) {
    _HOMEPAGE_TABS.each(function (item) {
        var tab = $(item.Tab);
        var cnt = $(item.Content);
        var sel = (id == item.Tab);
        if (tab && cnt) {
            cnt.className = (sel ? 'tab_active' : 'tab_not_active');
            tab.className = (sel ? 'tab_btn_sel' : 'tab_btn');
        }
        if (sel) {
            for (var i=0; i<=item.Inst; i++) {
                var inst = $(item.Content + i + '_inst');
                if (inst) inst.className = (i == 0 ? 'tab_active' : 'tab_not_active');
                
                inst = $(item.Content + i);
                if (inst) inst.parentNode.className = 'inst_link';
            }
        }
    });
    
    removeInstructions();
}

function switchInst(id) {
    var tabid = id.substr(0, id.length - 1);
    var num = parseInt(id.substr(id.length - 1, 1));
    _HOMEPAGE_TABS.each(function(item) {
        if (item.Content == tabid) {
            for (var i=0; i<=item.Inst; i++) {
                var inst = $(item.Content + i + '_inst');
                if (inst) {
                    inst.className = (i == num ? 'tab_active' : 'tab_not_active');
                    if (i == num && num) setInstructions(inst.innerHTML);
                }
                
                inst = $(item.Content + i);
                if (inst) inst.parentNode.className = (i == num ? 'inst_link_sel' : 'inst_link');                
            }
        }
    });
    
    if (num == 0) removeInstructions();
}

function showHomepageMap(lat,lon,zoom, centers) {
    var map = new GMap2($('MapHolder'));
    map.disableInfoWindow();
    map.disableDoubleClickZoom();
    map.disableContinuousZoom();
    map.disableScrollWheelZoom();
    map.disableDragging();
    map.setCenter(new GLatLng(lat,lon), zoom);
    
    if (centers) {
        var ico = new GIcon();
        ico.image = '/image/ico_center_map.gif';
        ico.iconSize = new GSize(13, 13);
        ico.iconAnchor = new GPoint(7, 7);
        
        for (var i = 0; i < centers.length; i++) {
            var item = centers[i];
            var m = new GMarker(new GLatLng(item.Lat, item.Lon), { icon: ico });
            map.addOverlay(m);
        }
    }
    
    var link = $('MapHolderLink');
    if (link) GEvent.addListener(map, 'click', function() { go(link); });
}

removeInstructions();