
function ZoomProduct(lienProduit, imgProduit) {
    // récup coordonnées et dimension de l'image vignette :
    img_coord = imgProduit.offset();
    var img_x = img_coord.left;
    var img_y = img_coord.top;
    var img_width = imgProduit.width();
    var img_height = imgProduit.height();


    // Affichage du loadeur :
    $(lienProduit).before('<div id="loading" class="ac_loading"><strong>Resim Yukleniyor...</strong><br /></div>');
    /*var loading_width = $('#loading').width();
    var loading_height = $('#loading').height();
    var loading_x = Math.round((img_width - loading_width) / 2);
    var loading_y = Math.round((img_height - loading_height) / 2);
    $('#loading').css('margin-left', loading_x + 'px');
    $('#loading').css('margin-top', loading_y + 'px');*/

    // affiche le conteneur pour l'image et dimensionne/positionne l'image :
    url_img = $(lienProduit).attr('href');
    $('body').append('<div id="zoom_grd"><button type="button" id="btn_close_zoom">Kapat</button><img src="' + url_img + '" /></div>');
    $(lienProduit).attr('href', 'javascript:void(0)');
    first_load = true;

    $('#zoom_grd img').load(function() {
        if (first_load) {
            var grd_zoom_width = $(this).width();
            var grd_zoom_height = $(this).height();
            var min_zoom_width = Math.round(img_height * (grd_zoom_width / grd_zoom_height));
            var min_zoom_height = img_height;
            var min_zoom_x = Math.round((img_width - min_zoom_width) / 2) + img_x;
            var min_zoom_y = img_y;

            $(this).width(min_zoom_width);
            $(this).height(min_zoom_height);
            $(this).css('margin-left', min_zoom_x + 'px');
            $(this).css('margin-top', min_zoom_y + 'px');

            // gestion de l'agrandissement de l'image :
            function set_zoom_dimension() {
                full_zoom_width = $('body').width();
                full_zoom_height = Math.round(full_zoom_width * (grd_zoom_height / grd_zoom_width));
                divzoom_height = $('#zoom_grd').height();
                full_zoom_max_top = divzoom_height - full_zoom_height;
                // positionement du bouton fermer :
                $('#btn_suiv_zoom').css('margin-left', (full_zoom_width - 80) + 'px');
                $('#btn_close_zoom').css('margin-left', (full_zoom_width - 150) + 'px');
                $('#btn_prec_zoom').css('margin-left', (full_zoom_width - 220) + 'px');
            }

            var full_zoom_width = 0;
            var full_zoom_height = 0;
            var divzoom_height = 0;
            var full_zoom_max_top = 0;

            set_zoom_dimension();
            // affichage pagination et btn fermer
            $('#zoom_grd button').show();

            $(this).fadeIn(250, function() {
                $(this).animate({
                    marginLeft: 0,
                    marginTop: 0,
                    width: full_zoom_width,
                    height: full_zoom_height
                }, 500, function() {
                    // delete le loadeur :
                    $('#loading').remove();
                    // redimensionement de l'image sur redimensionement du navigateur :
                    $(window).resize(function() {
                        set_zoom_dimension();
                        $('#zoom_grd img').animate({
                            width: full_zoom_width,
                            height: full_zoom_height
                        }, 100);
                    });
                    // déplacement de la souris :
                    $(this).parent().mousemove(function(e) {
                        zoom_top = Math.round((((e.clientY * 100) / divzoom_height) * full_zoom_max_top) / 100);
                        $('#zoom_grd img').css('margin-top', zoom_top);
                    });
                });
            });

            function close_zoom() {
                $(lienProduit).attr('href', url_img);
                $('#zoom_grd').hide(400);
                $('#zoom_grd').remove();
            }
            $('#btn_close_zoom').click(function() { close_zoom() });
            $(document).keyup(function(e) { if (e.which == 27) close_zoom(); });
        }
        else {
            $(this).removeClass('wait_cursor');
            $('#btn_prec_zoom').removeClass('hover_wait');
            $('#btn_suiv_zoom').removeClass('hover_wait');
        }
    });
}


