var isIE = document.all;
var mouseX = 0;
var mouseY = 0;
var sens = 1;
var large = 0;

function mouseMove(e) {
    if (!e)
        e = window.event;
    if (e) {
        mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
        mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
    }
    document.getElementById('zoomer').style.top = mouseY - 235 + "px";
    setZoomerFromLeft();
}

function setZoomerFromLeft() {
    if (sens == 1)
        document.getElementById('zoomer').style.left = mouseX + 50 + "px";
    else
        document.getElementById('zoomer').style.left = mouseX - (large + 50) + "px";
}

document.onmousemove = mouseMove;

function setZoomer(alt, src, color, gaucheOUdroite) {
    if (gaucheOUdroite != undefined)
        sens = gaucheOUdroite;
    else
        sens = 1;
    setZoomerFromLeft();

    if (alt != undefined && src != undefined) {
        document.getElementById('zoomer').innerHTML = "<div style=' border:1px solid " + color + "; color:" + color + "; font-size:small; padding:5px; background-color:white;'><img id='zoomerimage' alt='" + alt + "' src='" + src + "' style='height:271px;'/><br/>" + alt + "</div>";
        large = document.getElementById('zoomerimage').offsetWidth;
        document.getElementById('zoomer').style.width = large + 10 + 'px';
        setZoomerFromLeft();
    }
    else {
        document.getElementById('zoomer').innerHTML = "";
        document.getElementById('zoomer').style.width = "";
    }
}

function setHelp(content) {
    sens = -1;
    setZoomerFromLeft();

    if (content != undefined) {
        document.getElementById('zoomer').innerHTML = "<div style=' border:1px solid gray; text-align:justify; color:gray; font-size:small; padding:5px; background-color:white; width:300px'>" + content + "</div>";
        large = 300;
        setZoomerFromLeft();
    }
    else
        document.getElementById('zoomer').innerHTML = "";
}

function setOverEtape1(sender, color) {
    var lbl = document.getElementById('lblproductName');

    if (color != undefined) {
        if (lbl != null)
            lbl.innerHTML = sender.alt;
        sender.style.borderColor = color;
    }
    else {
        if (lbl != null)
            lbl.innerHTML = '';
        sender.style.borderColor = 'white';
    }
}











//var isIE = document.all;
//var mouseX = 0;
//var mouseY = 0;
//var sens = 1;
//var large = 0;

//function mouseMove(e)
//{
//    if (!e)
//        e = window.event;
//    if (e)
//    {
//        mouseX = isIE ? (e.clientX + document.body.scrollLeft) : e.pageX;
//        mouseY = isIE ? (e.clientY + document.body.scrollTop) : e.pageY;
//    }
//    document.getElementById('zoomer').style.top =  mouseY - 135 + "px";
//    setZoomerFromLeft();
//}

//function setZoomerFromLeft()
//{
//    if(sens == 1)
//        document.getElementById('zoomer').style.left =  mouseX + 50 + "px";
//    else
//        document.getElementById('zoomer').style.left =  mouseX -(large + 50) + "px";
//}

//document.onmousemove = mouseMove;

//function setZoomer(alt, src, color, gaucheOUdroite)
//{
//    if(gaucheOUdroite != undefined)
//        sens = gaucheOUdroite;
//    else
//        sens = 1;
//    setZoomerFromLeft();
//        
//    if(alt != undefined && src != undefined)
//    {
//        document.getElementById('zoomer').innerHTML = "<div style=' border:1px solid "+color+"; color:"+color+"; font-size:small; padding:5px; background-color:white;'><img id='zoomerimage' alt='"+alt+"' src='"+src+"' style='height:271px;'/><br/>"+alt+"</div>";
//        large = document.getElementById('zoomerimage').offsetWidth;
//        document.getElementById('zoomer').style.width = large+ 10 +'px';
//        setZoomerFromLeft();
//    }
//    else
//    {
//        document.getElementById('zoomer').innerHTML = "";
//        document.getElementById('zoomer').style.width = "";
//    }
//}

//function setHelp(content)
//{
//    sens = -1;
//    setZoomerFromLeft();
//    
//    if(content != undefined)
//    {
//        document.getElementById('zoomer').innerHTML = "<div style=' border:1px solid gray; text-align:justify; color:gray; font-size:small; padding:5px; background-color:white; width:300px'>"+content+"</div>";
//        large=300;
//        setZoomerFromLeft();
//    }
//    else
//        document.getElementById('zoomer').innerHTML = "";
//}

//function setOverEtape1(sender,color)
//{
//    var lbl = document.getElementById('lblproductName');

//    if(color != undefined)
//    {
//        if(lbl != null)
//            lbl.innerHTML = sender.alt;
//        sender.style.borderColor = color;
//    }    
//    else
//    {
//        if(lbl!= null)
//            lbl.innerHTML = '';
//        sender.style.borderColor = 'white';
//    }
//}