//эффект лупы

document.onmousemove = lupaMM;

function lupaMM(e)
{
    var dx = 0;
    var dy = 0;
    var fact  = 2;   // увеличение
    var opp = 80;  // размер лупы

    var x = (e)?e.pageX:event.x;
    var y = (e)?e.pageY:event.y;

// положение курсора меняем тут:

   // dx = (e)?0:window.document.body.scrollLeft-42;
   // dy = (e)?0:window.document.body.scrollTop-320;   

// можно поменять, где будет управляться лупа (снять комментарии):

   dx = (e)?0:window.document.body.scrollLeft-532;
   dy = (e)?0:window.document.body.scrollTop-325;   


    var x1 = (x + dx) * fact;	// левый край
    var y1 = (y + dy) * fact;	// верхний край
    var x2 = 2 * opp + (x + dx) * fact;	// правый край
    var y2 = 2 * opp + (y + dy) * fact;	// нижний край

// положение обоих картинок тоже тут:


    document.getElementById("glass").style.left = (x + dx) * (1 - fact)+40;
    document.getElementById("glass").style.top = (y + dy) * (1 - fact)+0;
    document.getElementById("glass").style.clip = "rect(" +y1 +"px," +x2 +"px," +y2 +"px,"+x1 +"px)";


    document.getElementById("glass2").style.left = (x + dx) * (1 - fact)+540;
    document.getElementById("glass2").style.top = (y + dy) * (1 - fact)+0;
    document.getElementById("glass2").style.clip = "rect(" +y1 +"px," +x2 +"px," +y2 +"px,"+x1 +"px)";

}
