var pageNum = 0;
var allPageNum = 0;
var poffset = 10; /* max dispN on a page */
var AKEY = 'すべて';
var clist = new Array();
clist['VOD'] = new Array(); /* this code is for user miss code */
clist['y150'] = new Array();clist['アート'] = new Array();clist['グルメ'] = new Array();clist['ショッピング'] = new Array();clist['ミュージック'] = new Array();clist['情報'] = new Array();clist['政治・経済'] = new Array();clist['横浜ナポリタン物語'] = new Array();clist['観光'] = new Array();
clist['アート'].push(0);clist['アート'].push(1);clist['アート'].push(2);clist['情報'].push(3);clist['アート'].push(4);clist['アート'].push(5);clist['アート'].push(6);clist['アート'].push(7);clist['アート'].push(8);clist['VOD'].push(9);clist['アート'].push(9);clist['グルメ'].push(10);clist['グルメ'].push(11);clist['グルメ'].push(12);clist['情報'].push(12);clist['横浜ナポリタン物語'].push(12);clist['グルメ'].push(13);clist['情報'].push(13);clist['横浜ナポリタン物語'].push(13);clist['グルメ'].push(14);clist['情報'].push(14);clist['横浜ナポリタン物語'].push(14);clist['グルメ'].push(15);clist['横浜ナポリタン物語'].push(15);clist['アート'].push(16);clist['情報'].push(16);clist['ショッピング'].push(17);clist['情報'].push(17);clist['観光'].push(17);clist['グルメ'].push(18);clist['ショッピング'].push(18);clist['情報'].push(18);clist['情報'].push(19);clist['ミュージック'].push(20);clist['グルメ'].push(21);clist['情報'].push(21);clist['情報'].push(22);clist['ショッピング'].push(23);clist['情報'].push(23);clist['情報'].push(24);clist['y150'].push(25);clist['情報'].push(25);clist['y150'].push(26);clist['情報'].push(26);clist['y150'].push(27);clist['ショッピング'].push(28);clist['情報'].push(29);clist['情報'].push(30);clist['情報'].push(31);clist['情報'].push(32);clist['情報'].push(33);clist['観光'].push(33);clist['y150'].push(34);clist['観光'].push(34);clist['情報'].push(35);clist['観光'].push(35);
var i,j;
vkey = AKEY;

/* display items by [pageNum][allPageNum][poffset][vkey] */
function VodDisp(){
	if(vkey == AKEY) {
		for(i=0; i<recNum; i++) {	
			if(i==pageNum) {
				for(j=i*poffset; j<(i+1)*poffset; j++) {
					$("#vod-item_" + j).css({display:'block'});
				}
			} else {
				for(j=i*poffset; j<(i+1)*poffset; j++) {
					$("#vod-item_" + j).css({display:'none'});
				}
			}
    		}
	} else {
		var con = poffset*pageNum;
		for(i = 0; i < 36; i++) {
			if(i == clist[vkey][con] && con < poffset*(pageNum+1)) {
				$("#vod-item_" + i).css({display:'block'});
				con++;
			} else {
				$("#vod-item_" + i).css({display:'none'});
			}
		}
	}
}

function PageManager() {
	if(pageNum==0) {
		$("#vod-prev").css({display:'none'});
	} else {
		$("#vod-prev").css({display:'block'});
	}
	if(pageNum==recNum-1) {
		$("#vod-next").css({display:'none'});
	} else {
		$("#vod-next").css({display:'block'});
	}
	for(i=0; i<recNum; i++) {
		if(i == pageNum) {
			$("#vod-page-link" + (i+1)).css("color","#CCCCCC");
		} else {
			$("#vod-page-link"+ (i+1)).css("color","#003366");
		}
	}
}

function Show(){
	VodDisp();
	PageManager();
}

/* main function on second page */
function manageVodDispCategory(rNum,cname) {
	manageVodDisp(rNum);
	vkey = cname;
	recNum = parseInt(clist[vkey].length/poffset) + 1;
	for(i=recNum; i < allPageNum; i++) {
		$("#vod-page-link"+ (i+1)).css("display","none");
	}
	Show();
}

/* main function on index page */
function manageVodDisp(rNum){
	recNum = rNum;
	allPageNum = rNum;
	Show();
	
	/* page action */
	$("#vod-prev").click(function(){
		if (pageNum>0) pageNum--;
		Show();      
		return false;
	});

	$("#vod-next").click(function(){
		if (pageNum<recNum) pageNum++;
		Show();
		return false;
	});
	
	$(".vod-page-link").click(function(){
		var thisid = $(this).attr("id");
		pageNum = parseInt(thisid.substring(13,thisid.length)) - 1;
		Show();
		return false;
	});
	
	/* category action */
	$("#vod-menu li a").click(function(){
		pageNum = 0;
		$("#vod-menu li a").css("font-weight","normal");
		$("#vod-menu li a").css("color","#CCCCCC");
		$(this).css("font-weight","bold");
		$(this).css("color","#FFFFFF");
		//$("#vod-menu li").css("background-image","none");
		//$(this).parent().css("background-image","url('/common/img/bg_vod-menu_active.png')");
		vkey = $(this).text();
		if(vkey == AKEY) {
			recNum = allPageNum;
		} else {
			recNum = parseInt(clist[vkey].length/poffset) + 1;
		}
		if(recNum < allPageNum) {
			for(i=0; i < recNum; i++) {
				$("#vod-page-link"+ (i+1)).css("display","block");
			}
			for(i=recNum; i < allPageNum; i++) {
				$("#vod-page-link"+ (i+1)).css("display","none");
			}
		} else {
			for(i=0; i < allPageNum; i++) {
				$("#vod-page-link"+ (i+1)).css("display","block");
			}
		}		
		Show();
		return false;
	});
}