var o_prevClick = false;
var o_nextClick = false;
$(document).ready(function(){
    var s_append = '<div id="popupNaviPrev"></div>';
    s_append    += '<div id="popupNaviNext"></div>';
    s_append    += '<div id="popupClose"></div>';
    s_append    += '<div id="popupName"></div>';
    s_append    += '<div id="popupVideo"></div>';
    s_append    += '<div id="popup"></div>';
    s_append    += '<div id="popupBg"></div>';
    $('body').append(s_append);
    $('#popupBg').css({
        'opacity':'0.6',
        'filter':'alpha(opacity=60)'
    });
    $("#popup, #popupClose").click(function(){
        $('#popup, #popupBg, #popupNaviPrev, #popupNaviNext, #popupName, #popupVideo, #popupClose').fadeOut('fast',function(){
            $('#popupVideo').html('');
            $('#popup').css('background-image','');
            $('#popupName').html('');
        });
    });
    $('#popupNaviPrev').click(function(){
        if($('.img',o_prevClick).attr('vid_popup') == 'yes'){
            videoClick(o_prevClick);
        } else if($('.img',o_prevClick).attr('img_popup') == 'yes'){
            galleryClick(o_prevClick);
        }
    });
    $('#popupNaviNext').click(function(){
        if($('.img',o_nextClick).attr('vid_popup') == 'yes'){
            videoClick(o_nextClick);
        } else if($('.img',o_nextClick).attr('img_popup') == 'yes'){
            galleryClick(o_nextClick);
        }
    });
    $('span.img',this).each(function(index){
        if($(this).attr('img_popup') == 'yes'){
            $(this).parent().css('cursor','pointer');
            $(this).parent().click(function(){
                galleryClick(this);
            });
        } else if($(this).attr('vid_popup') == 'yes'){
            $(this).parent().css('cursor','pointer');
            $(this).parent().click(function(){
                videoClick(this);
            });
        }
    });
});