/*
관리자, 사용자 공통부분
*/

var rootURL="";
var liId;

$(function($){
    var addToAll = false;
    var gallery = true;
    $(addToAll ? 'img' : 'img.fancybox').each(function(){
        var $this = $(this);
        var title = $this.attr('title');
        var src = $this.attr('data-big') || $this.attr('src');
        var a = $('<a href="#" class="fancybox"></a>').attr('href', src).attr('title', title);
        $this.wrap(a);
    });
    if (gallery)
        $('a.fancybox').attr('rel', 'fancyboxgallery');
    pagination();
    // initPrevImgs();
});
// $.noConflict();


function pagination(){
    var verImgCnt=3;
    var horImgCnt=3;
    $.ajax({
      type: 'GET',
      url: rootURL+'/pagination',
      dataType: "json",
      success: function(data){
        var list = data == null ? [] : (data.total_img_cnt instanceof Array ? data.total_img_cnt : [data.total_img_cnt]);
        var pageCnt=Math.ceil(list[0]/(verImgCnt*horImgCnt));
        for(var i=0; i<pageCnt; i++){
            var ele = $('<li/>').html(i+1)
                                .attr('value',(i+1))
                                .click(function(){
                                    $('.pagination').children().removeClass();
                                    $(this).addClass('active');
                                    initPrevImgs(this);
                                });
            if(i==0){
                ele.addClass('active');
            }
            $('.pagination').append(ele);
        }
        $('.pagination li:nth-child(1)').click();
      },
      error:function(jqXHR, textStatus, errorThrown){
            alert('error: ' + textStatus);
      }
    });
}

function initPrevImgs(page){
    $('#ul_id').html("");
    $.ajax({
      type: 'GET',
      url: rootURL+'/initImages'+'/'+page.value,
      dataType: "json",
      success: function(data){
        var list = data == null ? [] : (data.prev_imgs instanceof Array ? data.prev_imgs : [data.prev_imgs]);
        var img_title="";
        var img_loc="";
        var img_desc="";
        var down_loc="";
        var down_cnt=0;
        var liCnt=1;

        for(var i=0; i<list.length; i++){
            img_title = list[i]['img_name'];
            img_loc = list[i]['img_loc'];
            img_desc = list[i]['img_desc'];
            down_loc = list[i]['down_loc'];
            down_cnt = list[i]['down_cnt'];

            $('<li/>')
            .html('<figure class="img-wrapper fade"><a class="fancybox" href="'+img_loc+'" rel="fancyboxgallery"><img src="' + img_loc + '" width="248" height="200"></a><h4>'+img_title+'</h4></figure>')
            .attr('id','li' + liCnt++)
            /*아래 'tempTag'+img_title을 서버에서 받아온 이미지 설명으로 채우기 */
            .attr('desc',img_desc)
            .attr('downloc',down_loc)
            .attr('downcnt', down_cnt)
            .attr('name', img_title)
            .appendTo('#ul_id');
        }

        //프리뷰이미지 클릭시 설명팝업및 다운파일 경로 세팅
        setDescPopupAndDownLocAndDownCnt('liClick');

        setTitlePosition();

      },
      error:function(jqXHR, textStatus, errorThrown){
            alert('error: ' + textStatus);
      }
    });



}


function setTitlePosition(){
    var titlePosition = 'inside';
    $('a.fancybox').fancybox({
        titlePosition: titlePosition,
        helpers   : {
         overlay : {closeClick: true} // prevents closing when clicking OUTSIDE fancybox
       },
       onComplete: function() {
         $('#fancybox-overlay').on('click',function() {
           var attrDisplay = $(this).css('display');
           console.log(attrDisplay);
           if('block'===attrDisplay){
             $('#popup_layer2, #popup_layer1').hide();
           }
         });
       }
    });
}

function increaseDownFileCnt(downFileName){
    // $("#fancybox-download").attr("href", downImgLoc); //다운받을 파일경로 지정(setDescPopupAndDownLocAndDownCnt()로 이전)
    $.ajax({
      type: 'PUT',
      url: rootURL+'/increaseDownCnt'+'/'+downFileName,
      dataType: "json",
      success: function(data){
      },
      error:function(jqXHR, textStatus, errorThrown){
            alert('error: ' + textStatus);
      }
    });
}
/*다운로드 클릭이벤트 리스너*/
// jquery.fancybox-1.3.4.pack.min_manager.js안에 HTML코드로 구현되어있음. 거기서 아래 function 콜함
function downloadImage(a){
    /*a 태그 내의 href, download속성을 설정해주는 방법*/
    var downFileName = $(a).attr('href').split('/').pop();
    $("#fancybox-download").attr("download", downFileName); //다운받은 파일이름 설정
    increaseDownFileCnt(downFileName);
}

/*프리뷰이미지 클릭시 설명팝업, 다운파일경로, 다운로드수  세팅*/
function setDescPopupAndDownLocAndDownCnt(direction){
    if(direction=='liClick'){
        $('#ul_id').unbind('click');
        $('#ul_id').delegate('li', 'click', function () {
            // 프리뷰이미지 클릭시 Add files..부분 비활성화 시켜주는 부분
            $('#fileUploadDiv').html('');

            liId = $(this).attr('id');
            //팝업, 다운로드 수 세팅
            var descText = $(this).attr('desc');
            var downCnt = $(this).attr('downcnt');
            $('#popup_layer2').html(descText);
            $('#popup_layer1').html(downCnt+' down');
            $('#popup_layer2, #popup_layer1').show();
            // $('#fancybox-overlay, #fancybox-wrap').show();
            $('#popup_layer2, #popup_layer1').css("top", Math.max(0, $(window).scrollTop() + 100) + "px");
            $('#popup_layer2, #popup_layer1').focus();

            //다운파일경로세팅
            var downLoc = $(this).attr('downloc');
            $("#fancybox-download").attr("href", downLoc); //다운받을 파일경로 지정

        });
    }
    else if(direction=='right'){
        var tempLiId = liId.replace('li','');
        tempLiId++;
        tempLiId = 'li'.concat(tempLiId);
        liId = tempLiId;
        //팝업세팅
        var descText = $('#'+liId).attr('desc');
        var downCnt = $('#'+liId).attr('downcnt');
        $('#popup_layer2').html(descText);
        $('#popup_layer1').html(downCnt+' down');
        $('#popup_layer2, #popup_layer1').show();
        // $('#fancybox-overlay, #fancybox-wrap').show();
        $('#popup_layer2, #popup_layer1').css("top", Math.max(0, $(window).scrollTop() + 100) + "px");
        $('#popup_layer2, #popup_layer1').focus();

        //다운파일경로세팅
        var downLoc = $('#'+liId).attr('downloc');
        $("#fancybox-download").attr("href", downLoc); //다운받을 파일경로 지정
    }
    else if(direction=='left'){
        var tempLiId = liId.replace('li','');
        tempLiId--;
        tempLiId = 'li'.concat(tempLiId);
        liId = tempLiId;
        //팝업세팅
        var descText = $('#'+liId).attr('desc');
        var downCnt = $('#'+liId).attr('downcnt');
        $('#popup_layer2').html(descText);
        $('#popup_layer1').html(downCnt+' down');
        $('#popup_layer2, #popup_layer1').show();
        // $('#fancybox-overlay, #fancybox-wrap').show();
        $('#popup_layer2, #popup_layer1').css("top", Math.max(0, $(window).scrollTop() + 100) + "px");
        $('#popup_layer2, #popup_layer1').focus();

        //다운파일경로세팅
        var downLoc = $('#'+liId).attr('downloc');
        $("#fancybox-download").attr("href", downLoc); //다운받을 파일경로 지정
    }

    $('#fancybox-close').click(function(){
        $('#popup_layer2, #popup_layer1').hide();
        // $('#fancybox-tmp, #fancybox-overlay, #fancybox-wrap, #fancybox-loading').remove();
    });
}
$(document).bind('keydown',function(e){
    $('#popup_layer2, #popup_layer1').hide();
    // $('#fancybox-overlay, #fancybox-wrap').hide();
});