$j(document).ready(function(){ zoomer(); });
    var zms = new Array();


function zoomer()
{

    var bigSize  = 200;  // size big photo, px
    var deltaTop = 0;  // px
    var zIndex   = 12;
    var active = 0;
    var size = $j('img[@zoomer]').length;
    if (size > 0) {
        $j('img[@zoomer]').each(function(n){
            var offset = $j(this).position();
            zms[n] = new Array();
            zms[n]['lock'] = false;
            zms[n][0] = new Array();
            zms[n][0]['i'] = $j(this).attr('src');
            zms[n][0]['w'] = $j(this).width();
            zms[n][0]['h'] = $j(this).height();
            zms[n][0]['t'] = offset.top;
            zms[n][0]['l'] = offset.left;
            zms[n][1] = new Array();
            zms[n][1]['i'] = $j(this).attr('zoomer');
            zms[n][1]['w'] = bigSize;
            zms[n][1]['h'] = Math.round(zms[n][0]['h']/(zms[n][0]['w']/bigSize));
            zms[n][1]['t'] = zms[n][0]['t'] + deltaTop;
            if(size == n+1){ zms[n][1]['l'] = zms[n][0]['l'];    zms[n][1]['t'] = zms[n][0]['t'] -100; }
            else if(n == 0)  zms[n][1]['l'] = zms[n][0]['l'];
            else          { zms[n][1]['l'] = 0;  zms[n][1]['t'] = zms[n][0]['t'] - 50; }

            var zid = '#zi_' + n;
            $j(this).attr({
                'id': zid,
                'zoomer': null
            }).css({
                'z-index': zIndex,
                'top': zms[n][0]['t'],
                'left': zms[n][0]['l'],
                'width': zms[n][0]['w'],
                'height': zms[n][0]['h'],
                'position': 'absolute'
            });
            $j(this).mouseover(function(){
                if (!zms[n][1]['lock']) {
                    $j(this).css('z-index', zIndex + 1).attr('src', zms[n][1]['i']).animate({
                        'left': zms[n][1]['l'],
                        'top': zms[n][1]['t'],
                        'width': zms[n][1]['w'],
                        'height': zms[n][1]['h']
                    }, {
                        queue: false,
                        duration: 200
                    });
                }
            });
            $j(this).mouseout(function(){
                $j(this).animate({
                    'left': zms[n][0]['l'],
                    'top': zms[n][0]['t'],
                    'width': zms[n][0]['w'],
                    'height': zms[n][0]['h']
                }, {
                    queue: false,
                    duration: 200
                }).attr('src', zms[n][0]['i']).css('z-index', zIndex);
            });
            zms[n]['img'] = new Image();
            zms[n]['img'].src = zms[n][1]['i'];
        });
    }
}