var _imgNum = 0;
var _timerID =0;
var _imgW = -45;
var _imgmax = 10;
var _imgsrc = null;
var _loadnum = 0;

function getImgID() {
	requestDb2("d=1",'post','getImgID.php',true,getImgIDdata);
}

function getImgIDdata()
{
    if (_httpobj2.readyState==4)  //[5]
    { 
      if (_httpobj2.status==200)
      {
        on_loadedImgID(_httpobj2);
      }
    }
}

function on_loadedImgID(oj)
{
    var imgInfo = oj.responseText;
    _imgsrc = imgInfo.split("\t");
    if(_imgsrc == "") {
        _imgsrc = null;
    }
    for (var i = 0; i < _imgmax; i++){
        var img = document.getElementById('img'+i);
        img.src = _imgsrc[i*4];
    }
}

function  doscroll() {
	if (!_imgsrc) return;
	if (_imgNum >= (_imgsrc.length / 4)) {
		startscroll();
		return;
	}
	var box = document.getElementById('imgbox');
	var boxleft = parseInt(box.style.left.replace('px',''));
	if (boxleft == _imgNum * _imgW) {
		var div = document.getElementById('zoomimg');
		var img = document.getElementById('zoom');
		if (img) {
		  try {
			  div.removeChild(img);
		  } catch (e) {
		  }
		}
		img = new Image();
		img.style.visibility = 'hidden';
		img.id = 'zoom';
		img.onload = function() {
			dispImage2(img,200,150,1000);
		}
		img.src = _imgsrc[_imgNum*4].replace('kbin','bin');
		div.appendChild(img);
		document.getElementById('contentsname').innerHTML=_imgsrc[_imgNum*4 + 1];
		_imgNum++;
		clearTimeout(_timerID);
		_timerID=setTimeout('dointerval()',5000);
		return;
	}

	boxleft -= 2;
	if (boxleft < _imgNum * _imgW){
		boxleft = _imgNum * _imgW;
	}
	box.style.left = boxleft + 'px';
	_timerID = setTimeout('doscroll()',20);
}

function dointerval() {
	clearTimeout(_timerID);
	doscroll();
}

function initimgbox() {
 var box = document.getElementById('imgbox');
 box.style.left = '0px';
 for (var i = 0; i < _imgmax; i++){
  var img = new Image();
  img.id = 'img' + i;
  img.className = 'imgbox';
  img.onload = function() {
   var left = parseInt(this.id.replace('img','')) * _imgW * -1;
   clipImage5(40,40,left,0,this);
  }
  box.appendChild(img);
 }
}

function startscroll() {
 var box = document.getElementById('imgbox');
 box.style.left = '0px';
 _imgNum = 0;
 _loadnum = 0;
 for(var i=0; i<_imgmax;i++){
  document.getElementById('img'+i).style.visibility = "hidden";
 }
 getImgID();
}

function clipImage5(w,h,x,y,img) {
  var iw = img.width;
  var ih = img.height;
  var awh = calcWH3(w,h,iw,ih);
  img.width = awh[0];
  img.height = awh[1];
  var top = Math.floor((h - img.height) / 2);
  var left = Math.floor((w - img.width) / 2);
  var ctop = top;
  var cleft = left;
  var cbottom = "auto";
  var cright = "auto";
  if (top < 0) {
	ctop = (top * -1) + 'px';
	cbottom = (img.height + top) + 'px';
  } else {
	ctop = "auto";
  }
  if (left < 0) {
	cleft = (left * -1) + 'px';
	cright = (img.width + left) + 'px';
  } else {
	cleft = "auto";
  }

  img.style.clip = "rect(" + ctop + " " + cright + " " + cbottom + " " + cleft + ")";
  img.style.top = (y + top) + 'px';
  img.style.left = (x + left) + 'px';
  _loadnum++;
  if (_loadnum == _imgmax){
	for (var i = 0; i < _imgmax; i++){
		document.getElementById('img'+i).style.visibility = "visible";
	}
    doscroll();
  }
}

function dispImage2(img,w,h,tm) {
  var iw = img.width;
  var ih = img.height;

  if (iw < w && ih < h) {
    w = iw;
    h = ih;
  } else {
    if (w <= h) {
      if (iw >= ih) {
        h = ih * w / iw;
      } else {
        if ((w / iw) >= (h / ih)) {
          h = ih * w / iw;
        } else {
          w = iw * h / ih;
        }
      }
    } else {
      if (iw <= ih) {
        w = iw * h / ih;
      } else {
        if ((w / iw) >= (h / ih)) {
          w = iw * h / ih;
        } else {
          h = ih * w / iw;
        }
      }
    }
  }
  img.width = w;
  img.height = h;
  
  img.style.width = w + 'px';
  img.style.height = h + 'px';
  img.style.visibility="visible";
  setAlpha(img, 0);

  fadein3(tm,new Array(img));
}

function fadein3(_tm,_imgs)
{
	var tm = (_tm * 10) / _tm;
	var _n = 0;
	var imgs = _imgs;
	var img = imgs[0];
	var nc = 1;
	var sttm = new Date();

	var _timerID = setTimeout(function _fadein() {
		var current = new Date();
		if (_n >= 100) {
			nc++;
			if (nc > imgs.length) { clearTimeout(_timerID); _start = false; return; }
			_n = 0;
			img = imgs[nc-1];
		}
		_n = Math.floor(100 * ((current.getTime() - sttm.getTime()) / _tm));
		if (_n > 100) _n = 100;
		setAlpha(img,_n);
		setTimeout(_fadein,tm);
	},tm);
}