jQuery(document).ready(function() {
    jQuery("#pclass li").mouseover(function() {
        jQuery("#showimg").show();
        jQuery("#imgview").attr("src", jQuery(this).find("img").attr("src"));
        jQuery("#imgview").css({ "filter": "", "width": "400px", "height": "400px", "top": "0", "left": "0" });
    });
})
jQuery(function() {
    jQuery("#imgview").draggable({
        drag: function(event, ui) {
            var left = ui.position.left
            var top = ui.position.top
            var right = ui.helper.width() - ui.helper.parent().width();
            var bottom = ui.helper.height() - ui.helper.parent().height();

            //限制上下范围
            if (left > 0)
                ui.position.left = 0;
            if (left < -right)
                ui.position.left = -right;

            // 限制左右范围
            if (top > 0)
                ui.position.top = 0;
            if (top < -bottom)
                ui.position.top = -bottom;

            // 宽度超过父
            if (ui.helper.width() <= ui.helper.parent().width()) {
                ui.position.left = 0; //(ui.helper.parent().width() - ui.helper.width()) / 2;
            }
            // 高度超过父
            if (ui.helper.height() <= ui.helper.parent().height()) {
                ui.position.top = (ui.helper.parent().height() - ui.helper.height()) / 2;
            }
        }
    });
});

function ZoomIn(zoom, obj) {
    var width = jQuery(obj).width();
    var height = jQuery(obj).height();


    switch (zoom) {
        case 1:
            if (width >= 800)
                return;

            jQuery(obj).css({ "width": width * 1.2, "height": height * 1.2 })
            var left = jQuery(obj).position().left;
            var top = jQuery(obj).position().top;
            var right = jQuery(obj).width() - jQuery(obj).parent().width();
            var bottom = jQuery(obj).height() - jQuery(obj).parent().height();

            //调整左上角
            if (left > 0)
                jQuery(obj).css("left", 0);
            if (top > 0)
                jQuery(obj).css("top", 0);

            // 图片宽度小于父
            if (jQuery(obj).width() < jQuery(obj).parent().width())
                jQuery(obj).css("left", 0);
            // 图片高度小于父
            if (jQuery(obj).height() < jQuery(obj).parent().height())
                jQuery(obj).css("top", (jQuery(obj).parent().height() - jQuery(obj).height()) / 2);

            break;
        case 2:
            if (width <= 300)
                return;
            jQuery(obj).css({ "width": width / 1.2, "height": height / 1.2 })
            var left = jQuery(obj).position().left;
            var top = jQuery(obj).position().top;
            var right = jQuery(obj).width() - jQuery(obj).parent().width();
            var bottom = jQuery(obj).height() - jQuery(obj).parent().height();

            //调整右下角
            if (left < -right)
                jQuery(obj).css("left", -right);
            if (top < -bottom)
                jQuery(obj).css("top", -bottom);

            // 图片宽度小于父
            if (jQuery(obj).width() < jQuery(obj).parent().width())
                jQuery(obj).css("left", 0);
            // 图片高度小于父
            if (jQuery(obj).height() < jQuery(obj).parent().height())
                jQuery(obj).css("top", (jQuery(obj).parent().height() - jQuery(obj).height()) / 2);

            break;
    }
}

function closeimg() {
    jQuery("#showimg").hide();
}