jQuery.preloadMapImages = function() {
    for (var i = 0; i < arguments.length; i++) {
        jQuery("<img>").attr('src', '/content/images/karta/' + arguments[i] + '.gif');
    }
}

$.preloadMapImages('0', '1', '10', '12', '13', '14', '17', '18', '19', '20', '21', '22', '23', '24', '25', '3', '4', '5', '6', '7', '8', '9');

function omovMap(a) {
    $("#maplink" + a).css("color", "#707070"); 
    $("#karta").attr('src', '/content/images/karta/' + a + '.gif');
}

function omotMap(a) {
    $("#maplink" + a).css("color", "#2287CF");
    $("#karta").attr('src', '/content/images/karta/0.gif');
}

function fireEvent(element, event) {
    if (document.createEventObject) {
        // dispatch for IE
        var evt = document.createEventObject();
        return element.fireEvent('on' + event, evt)
    } else {
        // dispatch for firefox + others
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent(event, true, true); // event type,bubbling,cancelable
        return !element.dispatchEvent(evt);
    }
}

jQuery(document).ready(function() {
    $("#chart1,#chart2,#chart3").hover(
        function() { $(this).animate({ backgroundColor: '#f5f4e2' }, { queue: false, duration: 400 }); },
        function() { $(this).animate({ backgroundColor: '#ffffff' }, { queue: false, duration: 400 }); });

    $("#chart1").click(
        function() {
            hideTooltip('#tooltipChart3');
            hideTooltip('#tooltipChart2');
            fireEvent(document.getElementById("tab1link"), "click");
            flareTooltip('#tooltipChart1', 'form-box-1', 'belowmiddle');
        }
    );
    $("#chart2").click(
        function() {
            hideTooltip('#tooltipChart1');
            hideTooltip('#tooltipChart3');
            fireEvent(document.getElementById("tab1link"), "click");
            flareTooltip('#tooltipChart2', 'form-box-1', 'belowmiddle');
        }
    );
    $("#chart3").click(
        function() {
            hideTooltip('#tooltipChart1');
            hideTooltip('#tooltipChart2');
            fireEvent(document.getElementById("tab2link"), "click");
            flareTooltip('#tooltipChart3', 'form-box-2', 'belowmiddle');
        }
    );
});