// JavaScript Document
var collects = new Array();

var cols = 0;
var collock = false;
var rowCount = 4;
var imgSrc = "/img/";
function showCollect(){
    if(collock && collects.length < rowCount)
    return;
    collock = true;
	
    try {
        if(cols < 0) {
          cols = 0;
        }
    
        if(cols + rowCount > collects.length) {
          cols = collects.length - rowCount;
        }
        
		
        for(var i = 1; i <= rowCount; i++) {
             var _i = cols+i-1;
            
			
			var elmImg = document.getElementById("elmImg"+i);
			var elmTitle = document.getElementById("elmTitle"+i);
            var elmLink = document.getElementById("elmLink"+i);
			var elmLinkA = document.getElementById("elmLinkA"+i);
            
            elmTitle.innerHTML = collects[_i][0];
            elmImg.src =  imgSrc + collects[_i][1];
            elmLink.href = collects[_i][2];
			elmLinkA.href= collects[_i][2];
        }
    } catch(e) {
        alert("showCollect e="+e.description);
    }
    collock = false;
}
function prevCol(){
  cols -= rowCount;
  showCollect();
  return false;
}
function nextCol(){
  cols += rowCount;
  showCollect();
  return false;
}