// Create by Telesa
$(document).ready(function () {
    MyImg('.deimg', '90x125');

    MyImg('.mvimg', '110x145');
});

function MyImg(object, size) {
    var itv = null;
    var speed = 300;

    $('#bottomMask').css('opacity', '0.5');
    $(object).each(function () {
        $(this).mouseenter(function () {
            $('#bottomMask').css('display', '');
            var myname = $(this).attr('myname');
            var src = $(this).attr('src');
            var time = $(this).attr('time');

            itv = setTimeout(function () {
                $('#bottomTxt').html(myname);
                $('#bottomTime').html(time);

                //滑动显示背景
                $('#popPic').slideDown('slow');
                //淡出显示图片
                $('#pic').load(function () {
                    $('#pic').fadeIn('normal');
                });
                //替换图片路径
                $('#pic').attr('src', src.replace(size, '400x500'));

                clearTimeout(itv); itv = null;
            }, speed);
        });

        //鼠标移动事件
        $(this).mousemove(function (event) {
            var cur_x = event.pageX;
            var cur_y = event.pageY;
            if (($(window).width() - cur_x) <= $(window).width() / 2)
                $('#popPic').css({ 'left': cur_x - 400, 'top': cur_y + 20 });
            else
                $('#popPic').css({ 'left': cur_x, 'top': cur_y + 20 });
        });

        //鼠标离开事件
        $(this).mouseleave(function () {
            $('#bottomMask').css('display', 'none');
            //淡入隐藏图片
            $('#pic').fadeOut('normal');
            //滑动隐藏背景
            $('#popPic').slideUp('slow');
            clearTimeout(itv); itv = null;
        });
    });
}