/*
 * После долгих мучений я все же написал кое какое подобие скрипта.
 * Это мое первое творения на JavaScript.
 * 20 августа 2009 года, Баденков А.В.
*/
var oHothouse, oHothousePosition, iHothouseWidth, iHothouseHeight;
var oLoupeArea, oLoupe;
var iLoupeAreaPosition, iLoupeAreaWidth, iLoupeAreaHeihgt;
var iLoupeHalfWidth = 50;
var iLoupeHalfHeight = 50;
// Показывать лупу
var vis = true;

function initLoupe(o) {
    var l = $("<div>").css( {left: 0, top: 0} );
    o.append(l);
    oLoupe = oLoupeArea.find('div');
    oLoupeArea.find('div').show();
}

function moveLoupe(e)
{
    /*if (vis)
        oLoupe.toggle();    */

    var x = e.pageX - oLoupeAreaPosition.left - iLoupeHalfWidth;// - oHothousePosition.left;
    var y = e.pageY - oLoupeAreaPosition.top - iLoupeHalfHeight;// - oHothousePosition.top;

    var XY = "-" + x + "px -" + y + "px";
    
    if ( x > (iLoupeAreaWidth - 50) || y > (iLoupeAreaHeight - 50) )
    {
        //vis = false;
        oLoupe.hide();
        return;
    }
    else    
        oLoupe.show();
    
    if ( x < 0 || y < 0 )
    {
        oLoupe.hide();
        return;
    }
    else
        oLoupe.show();
    /*
    if (x < 0 || y < 0)
    {
        return;
    }*/
    /*
    else
    {*/
    //    oLoupeArea.find('div').show();
    //}
    //if (x < -300) return;
    $("#hothouse-loupe div").css( {left: x, top: y} ).css("background-position", XY);
}