var liveThumb = {
        x:0,
        y:0,
        obj:{},
        img:null,
        lnk:null,
        timer:null,
        opacityTimer:null,
        errorTimer:null,
        hidden:true,
        linkPool: {},
        baseURI: "",
        imageCache: [],
        init: function() {
                var lnks = document.getElementsByTagName('a');
                var i = lnks.length || 0;
                var cnt = 0;
                while(i--) {
                        if(lnks[i].className && lnks[i].className.search(/livethumb/) != -1) {
                                liveThumb.addEvent(lnks[i], ["focus", "mouseover"], liveThumb.initThumb);
                                liveThumb.addEvent(lnks[i], ["blur",  "mouseout"],  liveThumb.hideThumb);
                                liveThumb.linkPool[lnks[i].href] = cnt++;
                        }
                }
                if(cnt) {
                        liveThumb.preloadImages();
                        liveThumb.obj = document.createElement('div');
                        liveThumb.ind = document.createElement('div');
                        liveThumb.ind.className= "imageLoaded";
                        liveThumb.img = document.createElement('img');
                        liveThumb.img.alt = "preview";
                        liveThumb.addEvent(liveThumb.img, ["load"], liveThumb.imageLoaded);
                        liveThumb.addEvent(liveThumb.img, ["error"], liveThumb.imageError);
                        liveThumb.obj.id = "fdImageThumb";
                        liveThumb.obj.style.visibility = "hidden";
                        liveThumb.obj.style.top = "0";
                        liveThumb.obj.style.left = "0";
                        liveThumb.addEvent(liveThumb.img, ["mouseout"],  liveThumb.hideThumb);
                        liveThumb.obj.appendChild(liveThumb.ind);
                        liveThumb.obj.appendChild(liveThumb.img);
                        document.getElementsByTagName('body')[0].appendChild(liveThumb.obj);
                }
        },
        preloadImages: function() {
                var imgList = ["", "", "", "", "", ""];
                var imgObj  = document.createElement('img');

                for(var i = 0, img; img = imgList[i]; i++) {
                        liveThumb.imageCache[i] = imgObj.cloneNode(false);
                        liveThumb.imageCache[i].src = liveThumb.baseURI + img;
                }
        },
        imageLoaded: function() {
                if(liveThumb.errorTimer) clearTimeout(liveThumb.errorTimer);
                if(!liveThumb.hidden) liveThumb.img.style.visibility = "visible";
                liveThumb.ind.className= "imageLoaded";
                liveThumb.ind.style.visibility = "hidden";
        },
        imageError: function(e) {
                if(liveThumb.errorTimer) clearTimeout(liveThumb.errorTimer);
                liveThumb.ind.className= "imageError";
                liveThumb.errorTimer = window.setTimeout("liveThumb.hideThumb()",2000);
        },
        initThumb: function(e) {
                e = e || event;

                liveThumb.lnk       = this;
                var positionClass       = "left";

                var heightIndent;
                var indentX = 0;
                var indentY = 0;
                var trueBody = (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;

                if(String(e.type).toLowerCase().search(/mouseover/) != -1) {
                        if (document.captureEvents) {
                                liveThumb.x = e.pageX;
                                liveThumb.y = e.pageY;
                        } else if ( window.event.clientX ) {
                                liveThumb.x = window.event.clientX+trueBody.scrollLeft;
                                liveThumb.y = window.event.clientY+trueBody.scrollTop;
                        }
                        indentX = 10;
                        heightIndent = parseInt(liveThumb.y-(liveThumb.obj.offsetHeight))+'px';
                } else {
                        var obj = this;
                        var curleft = curtop = 0;
                        if (obj.offsetParent) {
                                curleft = obj.offsetLeft;
                                curtop = obj.offsetTop;
                                while (obj = obj.offsetParent) {
                                        curleft += obj.offsetLeft;
                                        curtop += obj.offsetTop;
                                }
                        }
                        curtop += this.offsetHeight;

                        liveThumb.x = curleft;
                        liveThumb.y = curtop;

                        heightIndent = parseInt(liveThumb.y-(liveThumb.obj.offsetHeight)-this.offsetHeight)+'px';
                }

                if ( parseInt(trueBody.clientWidth+trueBody.scrollLeft) < parseInt(liveThumb.obj.offsetWidth+liveThumb.x) + indentX) {
                        liveThumb.obj.style.left = parseInt(liveThumb.x-(liveThumb.obj.offsetWidth+indentX))+'px';
                        positionClass = "right";
                } else {
                        liveThumb.obj.style.left = (liveThumb.x+indentX)+'px';
                }
                if ( parseInt(trueBody.clientHeight+trueBody.scrollTop) < parseInt(liveThumb.obj.offsetHeight+liveThumb.y) + indentY ) {
                        liveThumb.obj.style.top = heightIndent;
                        positionClass += "Top";
                } else {
                        liveThumb.obj.style.top = (liveThumb.y + indentY)+'px';
                        positionClass += "Bottom";
                }

                liveThumb.obj.className = positionClass;
                liveThumb.timer = window.setTimeout("liveThumb.showThumb()",10);
        },
        showThumb: function(e) {
                liveThumb.hidden = false;
                liveThumb.obj.style.visibility = liveThumb.ind.style.visibility = 'visible';
                liveThumb.obj.style.opacity = liveThumb.ind.style.opacity = '.1';
                liveThumb.img.style.visibility = "hidden";
                var addy = String(liveThumb.lnk.href); 
                liveThumb.errorTimer = window.setTimeout("liveThumb.imageError()",15000);	
                liveThumb.img.src = url_root + 'artviper.php?url='+ addy +'';
				liveThumb.fade(10);
        },
        hideThumb: function(e) {
                liveThumb.hidden = true;
                if(liveThumb.timer) clearTimeout(liveThumb.timer);
                if(liveThumb.errorTimer) clearTimeout(liveThumb.errorTimer);
                if(liveThumb.opacityTimer) clearTimeout(liveThumb.opacityTimer);
                liveThumb.obj.style.visibility = 'hidden';
                liveThumb.ind.style.visibility = 'hidden';
                liveThumb.img.style.visibility = 'hidden';
                liveThumb.ind.className= "imageLoaded";
        },
        fade: function(opac) {
                var passed  = parseInt(opac);
                var newOpac = parseInt(passed+10);
                if ( newOpac < 90 ) {
                        liveThumb.obj.style.opacity = liveThumb.ind.style.opacity = '.'+newOpac;
                        liveThumb.opacityTimer = window.setTimeout("liveThumb.fade('"+newOpac+"')",10);
                } else {
                        liveThumb.obj.style.opacity = liveThumb.ind.style.opacity = '.99';
                }
        },
        addEvent: function( obj, types, fn ) {
                var type;
                for(var i = 0; i < types.length; i++) {
                        type = types[i];
                        if ( obj.attachEvent ) {
                                obj['e'+type+fn] = fn;
                                obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
                                obj.attachEvent( 'on'+type, obj[type+fn] );
                        } else obj.addEventListener( type, fn, false );
                }
        }
}


liveThumb.addEvent(window, ['load'], liveThumb.init);