function doOverlay() {

    var img = $('#productImageLarge');

    //IE7 meckert, wenn es die ID nicht gibt (auf Seiten, die kein Overlay nutzen)
    if (img && img.width() != null) {

        $(".makeVisibleByScript").addClass('makeVisible');
        $(".imageNoScript").addClass('isNotVisible').removeClass('imageNoScript');

        resetOverlay();
        $('#triggerProductImage').overlay({ target: '#productImageLarge', expose: '#000', onLoad: resizeOverlay, onClose: resetOverlay });
    }

}

function resetOverlay() {

    $('.the_overlay').css({ 'background': '#fff url(assets/templates/pool2clm/images/loader.gif) no-repeat center center' });
    $('#productImageLarge').css("width", 0).css("height", 0);
    $('#productImageLarge').find('img').hide().css("visibility", "hidden");
}

function resizeOverlay() {

    var img = $('#productImageLarge').find('img');

    if (img) {

        var width = img.width();
        var height = img.height();
        var left = ($(window).width() - width) / 2;

        $('#productImageLarge')
        .animate({
            width: width, height: height, left: left
        },
        'slow',
        
        function() {
            $('.the_overlay').css('background-image', 'none');
            img.hide().css("visibility", "visible").fadeIn();
            $('.the_overlay').css("border-width", 4);
        }
        )
    }
}


