dndMgr.registerDraggable( new Rico.Draggable('','calqueZoom') );
var startTop, startLeft;
var effectDone = false;

function toggleEffect() {
    if ( !effectDone ) {
        startEffect();
        effectDone = true;
    }
    else {
        resetEffect();
        effectDone = false;
    }
}

function startEffect() {
    startTop   = $('calqueZoom').offsetTop;
    startLeft  = $('calqueZoom').offsetLeft;
    new Rico.Effect.FadeTo( 'calqueZoom', 0.5, 250, 8 );
}


function resetEffect() { new Rico.Effect.FadeTo( 'calqueZoom', 1, 250, 8 ); }

function showZoom() {
    if(document.getElementById("calqueZoom").getElementsByTagName("img")[1].src != window.location) {
        if(document.getElementById("calqueZoom").getElementsByTagName("img")[1].src.indexOf("popup:")==-1) {
            if ( document.getElementById("calqueZoom").style.visibility != "visible" ) {
                document.getElementById("calqueZoom").style.visibility = "visible";
            }
        }
        else {
            // alert(document.getElementById("calqueZoom").getElementsByTagName("img")[1].src);
            var winl = (screen.width - 800) / 2;
            var wint = (screen.height - 600) / 2;
            var lien = 'pre?zone=zonecatalogue&idEIPub='+window.document.calcultotal.eiid.value+'&mdpid=1175778426&eipublicationtype=EI&zonetmp=zoneimpressionsl&06-impression-render=off';
           // window.open(lien,'popup',"height="+ 400 + ",width="+ 400 +",top=" + wint + ",left=" + winl + ",resizable=yes,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1").focus();
            showPopup(document.getElementById("calqueZoom").getElementsByTagName("img")[1].src);
        }
    }
}
function hiddeZoom() {
    document.getElementById("calqueZoom").style.visibility = "hidden";
}

comptZoom = 0;
comptFirst = 0;
function changeZoom(indent) {
    comptZoom = comptZoom + indent;
    if ( comptZoom == -1 ) comptZoom = 0;
    else if ( comptZoom == listeVisuels.length ) comptZoom = listeVisuels.length-1;
    document.getElementById("visuZoom").src = listeVisuels[comptZoom][0];
    document.getElementById("calqueZoom").getElementsByTagName("img")[1].src = listeVisuels[comptZoom][1];
    if(listeVisuels[comptZoom][1]!='') {
        document.getElementById("initzoom").style.visibility = "visible";
        document.getElementById("visuZoom").setAttribute("onclick","showZoom();");
        document.getElementById("visuZoom").onclick = function() {showZoom();};
    }
    else {
        document.getElementById("initzoom").style.visibility = "hidden";
        document.getElementById("visuZoom").setAttribute("onclick","#");
        document.getElementById("visuZoom").onclick = function() {};
    }        
    for ( var i=0; i<document.getElementById("visuZoomVignettes").getElementsByTagName("img").length; i++ ) {
        if ( (listeVisuels.length - comptZoom) > 2 ) {
            if(i==0) comptFirst = comptZoom+i;
            document.getElementById("visuZoomVignettes").getElementsByTagName("img")[i].src = listeVisuels[comptZoom+i][2];
        }
    }
    
}
function changeZoomPos(pos) { 
    comptZoom = comptFirst+pos;
    if ( comptZoom == -1 ) comptZoom = 0;
    else if ( comptZoom == listeVisuels.length ) comptZoom = listeVisuels.length-1;
    document.getElementById("visuZoom").src = listeVisuels[comptZoom][0];
    document.getElementById("calqueZoom").getElementsByTagName("img")[1].src = listeVisuels[comptZoom][1];
    if(listeVisuels[comptZoom][1]!='') {
        document.getElementById("initzoom").style.visibility = "visible";
        document.getElementById("visuZoom").setAttribute("onclick","showZoom();");
        document.getElementById("visuZoom").onclick = function() {showZoom();};
    }
    else {
        document.getElementById("initzoom").style.visibility = "hidden";
        document.getElementById("visuZoom").setAttribute("onclick","#");
        document.getElementById("visuZoom").onclick = function() {};
    }        
    for ( var i=0; i<document.getElementById("visuZoomVignettes").getElementsByTagName("img").length; i++ ) {
        if ( (listeVisuels.length - comptZoom) > 2 ){
        if(i==0) comptFirst = comptZoom+i;
        document.getElementById("visuZoomVignettes").getElementsByTagName("img")[i].src = listeVisuels[comptZoom+i][2];
        }
    }
    
}