<!--
function bindFunc(func, obj){
    return function(){
         return func.apply(obj, arguments);
    };
}

function getElementsByClassName(tag, className) {
    var elements = document.getElementsByTagName(tag);
    var resultElements = new Array();
    var re = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)');
    for(var i = 0; i < elements.length; i++) {
        var el = elements[i];
        if(re.test(el['className']))
            resultElements.push(el);
    }
    return resultElements;
}

function getPointerXY(e) {
    var pos = [];
    if(!e) e = window.event;
    if(e.pageX || e.pageY){
        pos[0]=e.pageX; pos[1]=e.pageY;
    }
    else if(e.clientX || e.clientY){
        if(document.documentElement.scrollTop){
            pos[0]=e.clientX+document.documentElement.scrollLeft;
            pos[1]=e.clientY+document.documentElement.scrollTop;
        }
        else{
            pos[0]=e.clientX+document.body.scrollLeft;
            pos[1]=e.clientY+document.body.scrollTop;
        }
    }
    return pos;
}


function PicsImage(el) {
    if(typeof el == "string")
        el = $(el);
    this.el = el;
    this.el.onmouseout = bindFunc(this.hide, this);
    this.el.onmouseover = bindFunc(this.show, this);
    this.el.onmousemove = bindFunc(this.move, this);
}

PicsImage.prototype = {
    createPicsImage: function() {
        if(this.largeImage)
            return this.largeImage;
        var div = document.createElement('div');
        div.style.position = "absolute";
        div.className = 'pic';
        var src = this.el.src;
        src = src.replace(/-SQ\./, "-S.");
        var img = document.createElement('img');
        img.src = src;
        img.width = "160";
        img.height = "160";
        div.appendChild(img);
        this.largeImage = div;
        return div;
    },
    show: function(e) {
        this.createPicsImage();
        document.body.appendChild(this.largeImage);
        this.move(e);
    },
    move: function(e) {
        var xy = getPointerXY(e);
        if(this.largeImage) {
            this.largeImage.style.left = (xy[0] - 190) + "px";
            this.largeImage.style.top = (xy[1] - 170) + "px";
        }
    },
    hide: function(e) {
        if(this.largeImage) {
            document.body.removeChild(this.largeImage);
            delete this['largeImage'];
        }
    }
};


function init() {
    var picsElements = getElementsByClassName('img', 'view_l');
    for(var i = 0; i < picsElements.length; i++) {
        new PicsImage(picsElements[i]);
    }

}

window.onload = init;
//-->