$(function(){ 
    $('#PrevAttentionVideoList').click( function(){ 
        getContent('AttentionVideo','prev');
    }); 
});
$(function(){ 
    $('#NextAttentionVideoList').click(function(){ 
        getContent('AttentionVideo','next');
    }); 
});
$(function(){ 
    $('#PrevAttentionChannelList').click(function(){ 
        getContent('AttentionChannel','prev'); 
    }); 
});
$(function(){ 
    $('#NextAttentionChannelList').click(function(){ 
        getContent('AttentionChannel','next'); 
    }); 
});
$(function(){ 
    $('#PrevRelatedVideoList').click(function(){ 
        getContent('RelatedVideo','prev');
    }); 
});
$(function(){ 
    $('#NextRelatedVideoList').click(function(){ 
        getContent('RelatedVideo','next');
    }); 
});

function getContent( service , action ) {

    var load_image  = '/img/cmn/loading.gif';
    var url         = "http://" + location.hostname + "/circler/";
    var params = { 
          service   : service.toLowerCase()  , 
          action    : action , 
          init      : getInitialFlg(service)
    };
    var current_img = new Array;

    $.each($("div." + service + "MovieThumbnailBox dl dt img"),function( key , img ) { 
            current_img[key]    = img.src; 
            img.src             = load_image; 
            });

    $.post(url, params, function(json, status) {
                if ('error' != status) { setContent(service,json,current_img); };
            });

}

function setContent( service , json , current_img ) { 

    var video_list      = eval( json );
    var noimage         = '/img/cmn/noimage_120_90.gif';

    if ( !video_list ) { 
        $.each($("div." + service + "MovieThumbnailBox dl dt img"),function( key , img ) { 
                img.src = current_img[key] 
                });
        return; 
    } 

    var video_list_box = $("div." + service + "MovieThumbnailBox").empty();
    for (var key in video_list ) {
        var title   = video_list[key].title     ? video_list[key].title_cut : "無題" ;
        var link    = video_list[key].link      ? video_list[key].link      : "" ;
        var imgurl  = video_list[key].imgurl    ? video_list[key].imgurl    : noimage ;
        var delflg  = video_list[key].delflg    ? video_list[key].delflg    : 0 ;

        var attrivute = { title : title , alt : title , href : link };
        var title_obj = $(document.createElement("a")).attr(attrivute);
        title_obj[0].innerHTML = title;

        var attrivute   = { src : imgurl , width : "120", height : "90" , alt : title };
        var img_obj     = $(document.createElement("img")).attr(attrivute).error(function(){ this.src = noimage } );

        var dt = document.createElement("dt");

        if ( delflg == "1" ) {
            $(dt).append(img_obj).append("この動画は既に削除されています。");
        } else { 
            var tmp = $(document.createElement("div")).append(title_obj).attr({ width:"120",height:"90"});
            $(dt).append($(title_obj).clone().text("").append(img_obj)).append(tmp);
        }

        if ( service == 'AttentionChannel' ) {
            var video_count = video_list[key].videocnt  ? video_list[key].videocnt + "本" : "0本";
            var view_count  = video_list[key].view_count   ? video_list[key].view_count + "回" : "0回";

            var elem1 = $(document.createElement("span")).attr("class","VideoIncludes").text(video_count);
            var elem2 = $(document.createElement("span")).attr("class","ViewCounts").text(view_count);

        } else {
            var vnum    = video_list[key].vnum      ? video_list[key].vnum + "回" : "0回";
            var vlength = video_list[key].vlength   ? video_list[key].vlength : "";

            var elem1 = $(document.createElement("span")).attr("class","ViewCounts").text(vnum);
            var elem2 = $(document.createElement("span")).attr("class","VideoLength").text(vlength);

        }

        var dd = document.createElement("dd");
        $(dd).append(elem1).append(elem2);

        var dl = document.createElement("dl");
        if ( key == video_list.length - 1 ) $(dl).attr("class","Last");

        $(dl).append(dt);
        $(dl).append(dd);

        $(video_list_box).append(dl);
    }

    //initialの場合は取得後要素を削除
    $('#Initial' + service + 'List').remove();

}

function getInitialFlg( service ) {
    if ( $('#Initial' + service + 'List').length ) { 
        return  "1";
    } else { 
        return  "0";
    }
}