var webmorda_sc = {
        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('img');

                var i = lnks.length || 0;
                var cnt = 0;
                while(i--) {
                        if(lnks[i].className && lnks[i].className.search(/webmorda_sc/) != -1) {
                                webmorda_sc.addEvent(lnks[i], ["focus", "mouseover"], webmorda_sc.initThumb);
                                webmorda_sc.addEvent(lnks[i], ["blur",  "mouseout"],  webmorda_sc.hideThumb);
                                webmorda_sc.linkPool[lnks[i].id] = cnt++;
                        }
                }
                if(cnt) {
                        webmorda_sc.preloadImages();
                        webmorda_sc.obj = document.createElement('div');
                        webmorda_sc.ind = document.createElement('div');
                        webmorda_sc.ind.className= "imageLoaded";
                        webmorda_sc.img = document.createElement('img');
                        webmorda_sc.img.alt = "Скриншот сайта";
                        webmorda_sc.img.id = "fdImage";
                        webmorda_sc.addEvent(webmorda_sc.img, ["load"], webmorda_sc.imageLoaded);
                        webmorda_sc.addEvent(webmorda_sc.img, ["error"], webmorda_sc.imageError);
                        webmorda_sc.obj.id = "fdImageThumb";
                        webmorda_sc.obj.style.visibility = "hidden";
                        webmorda_sc.obj.style.top = "0";
                        webmorda_sc.obj.style.left = "0";
                        webmorda_sc.addEvent(webmorda_sc.img, ["mouseout"],  webmorda_sc.hideThumb);
                        webmorda_sc.obj.appendChild(webmorda_sc.ind);
                        webmorda_sc.obj.appendChild(webmorda_sc.img);
                        webmorda_sc.addEvent(webmorda_sc.obj, ["mouseout"], webmorda_sc.hideThumb);
                        document.getElementsByTagName('body')[0].appendChild(webmorda_sc.obj);
                }
        },
        preloadImages: function() {
                var imgList = ["http://www.banex.kz/im_bb/web_site/lt.png", "http://www.banex.kz/im_bb/web_site/lb.png", "http://www.banex.kz/im_bb/web_site/rt.png", "http://www.banex.kz/im_bb/web_site/rb.png", "http://www.banex.kz/im_bb/web_site/error.gif", "http://www.banex.kz/im_bb/web_site/loading.gif"];
                var imgObj  = document.createElement('img');

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

                webmorda_sc.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) {
                                webmorda_sc.x = e.pageX;
                                webmorda_sc.y = e.pageY;
                        } else if ( window.event.clientX ) {
                                webmorda_sc.x = window.event.clientX+trueBody.scrollLeft;
                                webmorda_sc.y = window.event.clientY+trueBody.scrollTop;
                        }
                        indentX = 10;
                        heightIndent = parseInt(webmorda_sc.y-(webmorda_sc.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;

                        webmorda_sc.x = curleft;
                        webmorda_sc.y = curtop;

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

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

                webmorda_sc.obj.className = positionClass;
                webmorda_sc.timer = window.setTimeout("webmorda_sc.showThumb()",500);
        },
        showThumb: function(e) {
                webmorda_sc.hidden = false;
                webmorda_sc.obj.style.visibility = webmorda_sc.ind.style.visibility = 'visible';
                webmorda_sc.obj.style.opacity = webmorda_sc.ind.style.opacity = '0';
                webmorda_sc.img.style.visibility = "hidden";

                var addy = String(webmorda_sc.lnk.id);

                webmorda_sc.errorTimer = window.setTimeout("webmorda_sc.imageError()",15000);
                webmorda_sc.img.src = '/site2img/?url='+ encodeURIComponent(addy);

                /*@cc_on@*/
                /*@if(@_win32)
                return;
                /*@end@*/

                webmorda_sc.fade(10);
        },
        hideThumb: function(e) {
                e = e || window.event;

                if(e.type == "mouseout") {
                        var elem = e.relatedTarget || e.toElement;
                        if(elem.id && elem.id.search("fdImage") != -1) return false;
                }

                webmorda_sc.hidden = true;
                if(webmorda_sc.timer) clearTimeout(webmorda_sc.timer);
                if(webmorda_sc.errorTimer) clearTimeout(webmorda_sc.errorTimer);
                if(webmorda_sc.opacityTimer) clearTimeout(webmorda_sc.opacityTimer);
                webmorda_sc.obj.style.visibility = 'hidden';
                webmorda_sc.ind.style.visibility = 'hidden';
                webmorda_sc.img.style.visibility = 'hidden';
                webmorda_sc.ind.className= "imageLoaded";
        },
        fade: function(opac) {
                var passed  = parseInt(opac);
                var newOpac = parseInt(passed+10);
                if ( newOpac < 90 ) {
                        webmorda_sc.obj.style.opacity = webmorda_sc.ind.style.opacity = '.'+newOpac;
                        webmorda_sc.opacityTimer = window.setTimeout("webmorda_sc.fade('"+newOpac+"')",20);
                } else {
                        webmorda_sc.obj.style.opacity = webmorda_sc.ind.style.opacity = '1';
                }
        },
        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 );
                }
        }
}

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