var zoomstatus = 1; var zoomobj = Array();
var IMGDIR = "/view/images";

var lang = new Array();
var userAgent = navigator.userAgent.toLowerCase();
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);

function zoom(obj, zimg) {
    if (!zoomstatus) {
        window.open(zimg, '', '');
        return;
    }
    if (!zimg) {
        zimg = obj.src;
    }
    if (!$$('zoomimglayer_bg')) {
        div = document.createElement('div'); div.id = 'zoomimglayer_bg';
        div.style.position = 'absolute';
        div.style.left = div.style.top = '0px';
        div.style.width = '100%';
        div.style.height = document.body.scrollHeight + 'px';
        div.style.backgroundColor = '#000';
        div.style.display = 'none';
        div.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=60,finishOpacity=100,style=0)';
        div.style.opacity = 0.8;
        $$('append_parent').appendChild(div);
        div = document.createElement('div'); div.id = 'zoomimglayer';
        div.style.position = 'absolute';
        div.className = 'popupmenu_popup';
        div.style.padding = 0;
        $$('append_parent').appendChild(div);
    }
    zoomobj['srcinfo'] = fetchOffset(obj);
    zoomobj['srcobj'] = obj;
    zoomobj['zimg'] = zimg;
    $$('zoomimglayer').style.display = '';
    $$('zoomimglayer').style.left = zoomobj['srcinfo']['left'] + 'px';
    $$('zoomimglayer').style.top = zoomobj['srcinfo']['top'] + 'px';
    $$('zoomimglayer').style.width = zoomobj['srcobj'].width + 'px';
    $$('zoomimglayer').style.height = zoomobj['srcobj'].height + 'px';
    $$('zoomimglayer').style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=40,finishOpacity=100,style=0)';
    $$('zoomimglayer').style.opacity = 0.4;
    $$('zoomimglayer').style.zIndex = 999;
    $$('zoomimglayer').innerHTML = '<table width="100%" height="100%" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle"><img src="../_images/ayhsall.jpg"></td></tr></table><div style="position:absolute;top:-100000px;visibility:hidden"><img onload="zoomimgresize(this)" src="' + zoomobj['zimg'] + '"></div>';
}

function $$(id) {
    return document.getElementById(id);
}

function fetchOffset(obj) {
    var left_offset = obj.offsetLeft;
    var top_offset = obj.offsetTop;
    while ((obj = obj.offsetParent) != null) {
        left_offset += obj.offsetLeft;
        top_offset += obj.offsetTop;
    }
    return { 'left': left_offset, 'top': top_offset };
}

function zoomimgresize(obj) {
    zoomobj['zimginfo'] = [obj.width, obj.height];
    var r = obj.width / obj.height;
    var w = document.body.clientWidth * 0.95;
    w = obj.width > w ? w : obj.width;
    var h = w / r;
    var clientHeight = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
    var scrollTop = document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop;
    if (h > clientHeight) {
        h = clientHeight;
        w = h * r;
    }
    var l = (document.body.clientWidth - w) / 2;
    var t = h < clientHeight ? (clientHeight - h) / 2 : 0;
    t += +scrollTop;
    zoomobj['x'] = (l - zoomobj['srcinfo']['left']) / 5;
    zoomobj['y'] = (t - zoomobj['srcinfo']['top']) / 5;
    zoomobj['w'] = (w - zoomobj['srcobj'].width) / 5;
    zoomobj['h'] = (h - zoomobj['srcobj'].height) / 5;
    $$('zoomimglayer').style.filter = '';
    $$('zoomimglayer').innerHTML = '';
    setTimeout('zoomST(1)', 5);
}

function zoomST(c) {
    if ($$('zoomimglayer').style.display == '') {
        $$('zoomimglayer').style.left = (parseInt($$('zoomimglayer').style.left) + zoomobj['x']) + 'px';
        $$('zoomimglayer').style.top = (parseInt($$('zoomimglayer').style.top) + zoomobj['y']) + 'px';
        $$('zoomimglayer').style.width = (parseInt($$('zoomimglayer').style.width) + zoomobj['w']) + 'px';
        $$('zoomimglayer').style.height = (parseInt($$('zoomimglayer').style.height) + zoomobj['h']) + 'px';
        var opacity = c * 20;
        $$('zoomimglayer').style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + opacity + ',finishOpacity=100,style=0)';
        $$('zoomimglayer').style.opacity = opacity / 100;
        c++;
        if (c <= 5) {
            setTimeout('zoomST(' + c + ')', 5);
        } else {
            zoomadjust = 1;
            $$('zoomimglayer').style.filter = '';
            $$('zoomimglayer_bg').style.display = '';
            $$('zoomimglayer').innerHTML = '<table cellspacing="0" cellpadding="2"><tr><td style="text-align: right">鼠标滚轮缩放图片 <a href="' + zoomobj['zimg'] + '" target="_blank"><img src="' + IMGDIR + '/newwindow.gif" border="0" style="vertical-align: middle" title="在新窗口打开" /></a> <a href="###" onclick="zoomimgadjust(event, 1)"><img src="' + IMGDIR + '/resize.gif" border="0" style="vertical-align: middle" title="实际大小" /></a> <a href="###" onclick="zoomclose()"><img style="vertical-align: middle" src="' + IMGDIR + '/close.gif" title="关闭" /></a>&nbsp;</td></tr><tr><td align="center" id="zoomimgbox"><img id="zoomimg" style="cursor: move; margin: 5px;" src="' + zoomobj['zimg'] + '" width="' + $$('zoomimglayer').style.width + '" height="' + $$('zoomimglayer').style.height + '"></td></tr></table>';
            $$('zoomimglayer').style.overflow = 'visible';
            $$('zoomimglayer').style.width = $$('zoomimglayer').style.height = 'auto';
            if (is_ie) {
                $$('zoomimglayer').onmousewheel = zoomimgadjust;
            } else {
                $$('zoomimglayer').addEventListener("DOMMouseScroll", zoomimgadjust, false);
            }
            $$('zoomimgbox').onmousedown = function(event) { try { zoomdrag(event, 1); } catch (e) { } };
            $$('zoomimgbox').onmousemove = function(event) { try { zoomdrag(event, 2); } catch (e) { } };
            $$('zoomimgbox').onmouseup = function(event) { try { zoomdrag(event, 3); } catch (e) { } };
        }
    }
}
function zoomdrag(e, op) {
    if (op == 1) {
        zoomclick = 1;
        zoomdragstart = is_ie ? [event.clientX, event.clientY] : [e.clientX, e.clientY];
        zoomdragstart[2] = parseInt($$('zoomimglayer').style.left);
        zoomdragstart[3] = parseInt($$('zoomimglayer').style.top);
        doane(e);
    } else if (op == 2 && zoomdragstart[0]) {
        zoomclick = 0;
        var zoomdragnow = is_ie ? [event.clientX, event.clientY] : [e.clientX, e.clientY];
        $$('zoomimglayer').style.left = (zoomdragstart[2] + zoomdragnow[0] - zoomdragstart[0]) + 'px';
        $$('zoomimglayer').style.top = (zoomdragstart[3] + zoomdragnow[1] - zoomdragstart[1]) + 'px';
        doane(e);
    } else if (op == 3) {
        if (zoomclick) zoomclose();
        zoomdragstart = [];
        doane(e);
    }
}

function zoomimgadjust(e, a) {
    if (!a) {
        if (!e) e = window.event;
        if (e.altKey || e.shiftKey || e.ctrlKey) return;
        var l = parseInt($$('zoomimglayer').style.left);
        var t = parseInt($$('zoomimglayer').style.top);
        if (e.wheelDelta <= 0 || e.detail > 0) {
            if ($$('zoomimg').width <= 200 || $$('zoomimg').height <= 200) {
                doane(e); return;
            }
            $$('zoomimg').width -= zoomobj['zimginfo'][0] / 10;
            $$('zoomimg').height -= zoomobj['zimginfo'][1] / 10;
            l += zoomobj['zimginfo'][0] / 20;
            t += zoomobj['zimginfo'][1] / 20;
        } else {
            if ($$('zoomimg').width >= zoomobj['zimginfo'][0]) {
                zoomimgadjust(e, 1); return;
            }
            $$('zoomimg').width += zoomobj['zimginfo'][0] / 10;
            $$('zoomimg').height += zoomobj['zimginfo'][1] / 10;
            l -= zoomobj['zimginfo'][0] / 20;
            t -= zoomobj['zimginfo'][1] / 20;
        }
    } else {
        var clientHeight = document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight;
        var scrollTop = document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop;
        $$('zoomimg').width = zoomobj['zimginfo'][0]; $$('zoomimg').height = zoomobj['zimginfo'][1];
        var l = (document.body.clientWidth - $$('zoomimg').clientWidth) / 2; l = l > 0 ? l : 0;
        var t = (clientHeight - $$('zoomimg').clientHeight) / 2 + scrollTop; t = t > 0 ? t : 0;
    }
    $$('zoomimglayer').style.left = l + 'px';
    $$('zoomimglayer').style.top = t + 'px';
    $$('zoomimglayer_bg').style.height = t + $$('zoomimglayer').clientHeight > $$('zoomimglayer_bg').clientHeight ? (t + $$('zoomimglayer').clientHeight) + 'px' : $$('zoomimglayer_bg').style.height;
    doane(e);
}
function doane(event) {
    e = event ? event : window.event;
    if (is_ie) {
        e.returnValue = false;
        e.cancelBubble = true;
    } else if (e) {
        e.stopPropagation();
        e.preventDefault();
    }
}

function zoomclose() {
    $$('zoomimglayer').innerHTML = '';
    $$('zoomimglayer').style.display = 'none';
    $$('zoomimglayer_bg').style.display = 'none';
}