var MoyenneLargeur = 250;
    var MoyenneHauteur = 300;
    var MiniatureLargeur = 50;
    var MiniatureHauteur = 75;
    var MiniatureMoinsLargeur = 25;
    var MiniatureMoinsHauteur = 25;
    var NombreVignettesVisibles = 5;

    var calageLeft = 5; //ajuster position cadre zoom
    var calageTop = -1 ; if (jQuery.browser.msie) { calageTop = -1 };

    var waitbackgroundPosition = "50% 50%";

    //zoom sur place
    var Image_Zoom_height = 500;
    var Image_Zoom_width = 500;
    var Zoom_width = 250;
    var Zoom_height = 300;
    var Coef_reduc = 0;
    var Image_width = 250;
    var Image_height = 300;
    var cadre_width = parseInt(Image_width * Zoom_width / Image_Zoom_width);
    var cadre_height = parseInt(Image_height * Zoom_height / Image_Zoom_height);
    var offsetX = 0;
    var offsetY = 0;
    var wait = 'url(/Image/WEB/loading.gif)';
    var Recentrage_Image_Zoom_top = 0;
    var Recentrage_Image_Zoom_left = 0;

    var Video_width = 700;
    var Video_height = 335;

    var mouseposx;
    var mouseposy;

    function lancerGallery() {
        //caller les images vignettes
        //var detailArticl_Galr = $('.detailArticl_Galr img');
        //for (j = 0; j != detailArticl_Galr.length; j++) {
        //    if (detailArticl_Galr.length < NombreVignettesVisibles + 1) { RedimImage(detailArticl_Galr[j], MiniatureLargeur, MiniatureHauteur); } else { RedimImage(detailArticl_Galr[j], MiniatureMoinsLargeur, MiniatureMoinsHauteur); }
        //}
        //var detailArticl_Galr = $('.detailArticl_Galr a');
        //for (j = 0; j != detailArticl_Galr.length; j++) {
        //    if (detailArticl_Galr.length < NombreVignettesVisibles + 1) { detailArticl_Galr[j].style.width = MiniatureLargeur + "px"; detailArticl_Galr[j].style.height = MiniatureHauteur + "px"; } else { detailArticl_Galr[j].style.width = MiniatureMoinsLargeur + "px"; detailArticl_Galr[j].style.height = MiniatureMoinsHauteur + "px"; }
        //}
        if ($("#bloc_DA_vignettes li").length < 2) {$("#bloc_DA_vignettes").hide();}
        MontrerGalery(0);
        zoomIci_init();
    }


    function MontrerGalery(Num) {
        zoomIci_Out();
        //cacher tous 
        $(".detailArticl_img li:visible").each(function() {  $(this).hide(); });
        $(".detailArticl_Galr li.selectImg").each(function() { $(this).removeClass("selectImg"); });
        $(".detailArticl_img li:eq(" + Num + ")").show();
        $(".detailArticl_Galr li:eq(" + Num + ")").addClass("selectImg");
    }

    function zoomIci_init() {
        try {
            $('#zoomx-visuel').css({ "left": calageLeft + MoyenneLargeur, "top": calageTop - MoyenneHauteur});
            $('#detailArticl_img').live('mousemove', function(e) {
                     captureMouseMove(e.pageX, e.pageY);
                 });           
            $('#RepereZoom').css({ "width": cadre_width, "height": cadre_height });
        }
        catch (e)
        {
            //alert(e.message);
        }
    }   
    
    function zoomIci_In(typeZoom) {
        //recherche url
        try {
            var URLImgZoom;

            $(".detailArticl_img li").each(function() {
                if ($(this).is(":visible")) {
                    if ($(this).hasClass('NoZoom')){ URLImgZoom = false} else { URLImgZoom = $(this).children("a").attr("href");}
                }
            })

            if (typeZoom == 'XL') {
                if (URLImgZoom != false) {ZoomPleinePage(URLImgZoom); } /*zoom XL*/
            }
            else {
                if (URLImgZoom != false) { ImageChargee(URLImgZoom); }   /*sur place*/
            }
        }
        catch (e) {
           //alert(e.message);
        }
    }

    function ImageChargee(imgSrc) {
        var ImageXL = new Image();
        ImageXL.src = imgSrc;
        
        $('#RepereZoom').show();
        $("#zoomx-visuel").show();
        $("#zoomx-visuel").css({ "backgroundImage" : wait });
        
        if (ImageXL.width == 0) { //si l'image est nouvelle
            ImageXL.onload = function() { //apres chargement
                if (ImageXL.width > 1) {
                    // lancer zoom
                    $("#zoomx-visuel").css({ "backgroundImage" : 'url(' + imgSrc + ')' });
                    Recentrage_Image_Zoom_top = (Image_Zoom_height - ImageXL.height) / 2; // preparer recentrage
                    Recentrage_Image_Zoom_left = (Image_Zoom_width - ImageXL.width) / 2;               
                }
                else {
                    //mettre au besoin un message Image Zoom non Dispo
                } }
        }
        else //image connue
        {
            if (ImageXL.width > 1) {
                // lancer zoom
                $("#zoomx-visuel").css({ "backgroundImage": 'url(' + imgSrc + ')' });
                Recentrage_Image_Zoom_top = (Image_Zoom_height - ImageXL.height) / 2; // preparer recentrage
                Recentrage_Image_Zoom_left = (Image_Zoom_width - ImageXL.width) / 2;       
            }
            else {
                //mettre au besoin un message Image Zoom non Dispo
            } 
        }
    }

    function InfoDev(message, cumul) {
        if (!$('#InfoDev').length) {
            $('BODY').append('<div id="InfoDev" style="position: absolute; top:0; left:0; font-size:15px;"></div>');     
        }
        cumul ? $('#InfoDev').append("<br>" + message) : $('#InfoDev').html(message);
     }

     function captureMouseMove(mouseposx, mouseposy) {

        offsetX = $('#detailArticl_img').offset().left;
        offsetY = $('#detailArticl_img').offset().top;

        if ((Image_Zoom_height * 100 / Image_height) > (Image_Zoom_width * 100 / Image_width)) {
            Coef_reduc = Math.floor(Image_Zoom_height * 100 / Image_height) / 100;
        }
        else {
            Coef_reduc = Math.floor(Image_Zoom_width * 100 / Image_width) / 100;
        }
       
        //Position de la souris
        x = mouseposx - offsetX;
        y = mouseposy - offsetY;
        
        var markerX = 0;
        var markerY = 0;

        if (x <= (-1) || x >= (Image_width + cadre_width / 2) || y <= (-1) || y >= (Image_height + cadre_height / 2)) return; 
        
        if (x <= (-1 + cadre_width / 2)) {
            markerX = 0;
        } else if (x >= (Image_width - 2 - cadre_width / 2)) {
        markerX = (Image_width - 2 - cadre_width);
        } else {
        markerX = (x - cadre_width / 2);
        }
        
        if (y <= (-1 + cadre_height / 2)) {
            markerY = 0;
        } else if (y >= (Image_height - 2 - cadre_height / 2)) {
            markerY = (Image_height - 2 - cadre_height);
        } else {
            markerY = (y - cadre_height / 2);
        }

        x2 = -(parseInt(markerX)) * Coef_reduc + Recentrage_Image_Zoom_left;
        y2 = -(parseInt(markerY)) * Coef_reduc + Recentrage_Image_Zoom_top;

        $('#RepereZoom').css({ "left": Number(markerX) + "px" });
        $('#RepereZoom').css({ "top": Number(markerY) + "px" });

        if (document.getElementById("zoomx-visuel").style.backgroundImage != wait)
          document.getElementById('zoomx-visuel').style.backgroundPosition = x2 + "px " + y2 + "px"; 
        else
            document.getElementById('zoomx-visuel').style.backgroundPosition = waitbackgroundPosition;
    }

    function zoomIci_Out() {
        if ($('#zoomx-visuel').length) $("#zoomx-visuel").hide();
        if ($('#RepereZoom').length) $("#RepereZoom").hide();
    }

    function ZoomPleinePage(urlImage) {

        zoomIci_Out();
        if (jQuery.browser.msie) { $('html').css({ "overflow": "hidden" }) } else { $('body').css({ "overflow": "hidden" }) }
        if (!$('#ZoomXL').length) { $('BODY').append("<div id='ZoomXL'></div>"); }
        if (($('#ZoomXL').html().length < 1)) {
            $('#ZoomXL').css({ "position": 'absolute',
                "top" : $('#detailArticl_img').offset().top + 'px',
                "left" : $('#detailArticl_img').offset().left + 'px',
                "width" : MoyenneLargeur + 'px',
                "height" : MoyenneHauteur + 'px',
                "display" : 'none',
                "border" : '1px solid #ccc',
                "backgroundImage" : wait
            });
            $('#ZoomXL').fadeIn('slow', function() {
                $('#ZoomXL').css({ "backgroundImage": "none" });
                $('#ZoomXL').animate({
                    left: ($(window).width() - 940) / 2,
                    top: $("html").scrollTop() + $("body").scrollTop() + 20,
                    width: 940,
                    height: $(window).height() - 42
                }, 1000, function() {
                    chargerBoutonFermer();
                    $('#ZoomXL').append("<div id='GrandeImageDrag' style='display:none' ><img id='ImgXl' class='ImgXl' style='cursor: move;' src='" + urlImage + "' /></div>");
                    $('#GrandeImageDrag').css({ width: $('#ZoomXL').width(), textAlign: 'center'});
                    $('#GrandeImageDrag').fadeIn('slow', function() {
                        $('#GrandeImageDrag').easydrag();

                        if (!$('#ZoomXLBack').length) { //garantir arrire plan blanc
                            $('BODY').append("<div id='ZoomXLBack' style='display:none'></div>");
                        }
                        $('#ZoomXLBack').css({ opacity: 0, display: "block" });
                        $('#ZoomXLBack').animate({ opacity: 0.8 }, '200');
                    });
                });
            });

        }
        else {
            $('#ZoomXL').html("<div id='GrandeImageDrag' style='display:none'><img id='ImgXl' class='ImgXl' style='cursor: move;' src='" + urlImage + "'  /></div>");
            $('#GrandeImageDrag').css({ width: $('#ZoomXL').width(), textAlign: 'center' });
            $('#GrandeImageDrag').fadeIn('slow', function() {
                $('#GrandeImageDrag').easydrag();
            });

        }
    }

    function chargerBoutonFermer() {
    
        //bouton
        if (!$('#ZoomXLClose').length) { $('BODY').append("<div id='ZoomXLClose' style='display:none'></div>"); }
        $('#ZoomXLClose').click(function() { fermerZoomXXL(); });
        $('#ZoomXLClose').css({ "top": $("html").scrollTop() + $("body").scrollTop() + 25 + "px", "right": (($(window).width() - 940) / 2) + 15 });
        $('#ZoomXLClose').fadeIn('400');
 
        //vignettes
        if (!$('#ZoomXLVignettes').length) { $('BODY').append("<div id='ZoomXLVignettes' style='display:none'></div>");}
        $('#ZoomXLVignettes').html($('#detailArticl_Galr').html());
        $('#ZoomXLVignettes').css({ "top": $('html').scrollTop() + $('body').scrollTop() + 40 + "px", "left": (($(window).width() - 940) / 2) + 15 });  
        $('#ZoomXLVignettes').fadeIn('400');
        listenKeyXL(27, "fermerZoomXXL()"); //fermer au clavier
        
    }

    function fermerZoomXXL() {
        $('#ZoomXL').fadeOut('400', function(){
            $('#ZoomXL').html("");
        });
        $('#ZoomXLBack').fadeOut('500');
        $('#ZoomXLVignettes').fadeOut('500');
        $('#ZoomXLClose').fadeOut('500');
        if (jQuery.browser.msie) { $('html').css({ "overflow": "auto" }) } else { $('body').css({ "overflow": "auto" }) }
    }

    function listenKeyXL(num, action) { //execute action si la touche num est activée
        $(window).keydown(function(e) {
            switch (e.keyCode) {
                case num: 
                    jQuery.globalEval(action);
                    break;
            }
        }); 
    
    }

    function VideoIci(video) {
        zoomIci_Out();
        if (!$('#VideoIci').length) {
            $('#bloc_DA_galerie').append("<div id='VideoIci' style='display:none'></div>");
            $('#VideoIci').css({
                "position": "absolute",
                "top": 0,
                "left": 0,
                "width": MoyenneLargeur,
                "height": MoyenneHauteur,
                "backgroundImage": wait
                });
        }
        else {
            $('#VideoIci').css({
                "width": MoyenneLargeur,
                "height": MoyenneHauteur,
                "backgroundImage": wait
            });
        }
        $('#VideoIci').fadeIn('slow', function() {
        $('#VideoIci').animate({
                    "width": Video_width,
                    "height": Video_height
                }, 1000, function() {
                chargerFlash(video);
                if (!$('#VideoIciClose').length) { $('body').append("<div id='VideoIciClose' style='display:none'></div>"); }
                        $('#VideoIciClose').click(function() {  $('#VideoIci').fadeOut('300'); $('#VideoIciClose').fadeOut('300'); });
                        $('#VideoIciClose').css({
                        left: $('#bloc_DA_galerie').offset().left + Video_width - 70,
                            top: $('#bloc_DA_galerie').offset().top + -15
                        });
                        $('#VideoIciClose').fadeIn('400');
                
                });
        
        });

    }

    function chargerFlash(flashVideo) {
            var so = new SWFObject('/flash/Player.swf', flashVideo, Video_width, Video_height, '9');
            so.addParam('allowscriptaccess', 'always');
            so.addParam('allowfullscreen', 'true');
            so.addVariable("file", "/File.aspx?FileName=" + flashVideo);
            so.addVariable("displayclick", "fullscreen");
            so.addVariable('autostart', 'true');
            so.addVariable('controlbar', 'over');
            so.write('VideoIci');
        }