function showCarPicture(event, imageName, legend) {
    var Legd = $(legend).value;
    var element = document.getElementById('zoomCar');
    var pattern = '<fieldset style="background-color:white;border:solid 1px #7D7D7D;"><legend style="background-color:white;font-weight:bold;">[' + Legd + ']</legend><center><img src="' + imageName + '" title="" alt="" /></center></fieldset>';
    var posX = Event.pointerX(event) - 350;
    var posY = Event.pointerY(event);
    $('zoomCar').update(pattern);
    $('zoomCar').show();
    document.getElementById('zoomCar').style.left = posX + 'px';
    document.getElementById('zoomCar').style.top = posY + 'px';
}

function hideCarPicture() {
    $('zoomCar').hide();
}

function ShowTooltip(event, FeatId) {
    var element = document.getElementById('FeatDesc');
    var Description = $('Desc' + FeatId).innerHTML;
    var FeatLibl = $('FiltTitle' + FeatId).innerHTML;
    var pattern = '<fieldset style="background-color:white;border:solid 1px #7D7D7D;"><legend style="background-color:white;font-weight:bold;">[ ' + FeatLibl + ' ]</legend>' + Description +'</fieldset>';
    var posX = Event.pointerX(event) - 350;
    var posY = Event.pointerY(event) - 10;
    $('FeatDesc').update(pattern);
    if (Description != '') {
        $('FeatDesc').show();
        document.getElementById('FeatDesc').style.left = posX + 'px';
        document.getElementById('FeatDesc').style.top = posY + 'px';
    }
}

function hideTooltip() {
    $('FeatDesc').hide();
}