(function(){
	var d = document;
	
	var MOVE = 783;
	var A_TIME = 0.4;
	var A_TYPE = 'easeOutCubic';
	
	var nowSet = 0;
	var maxSet = 0;
	var data = storeDisplayData.arr;				
	var mBox = d.getElementById('sildeMoveBox');
	
	//cssInit
	kmsEffect.InitStyle(mBox, 'marginLeft');
	
	//create
	for(var i=0; i<=data.length/5; i++){
		var comicList = d.createElement('ul');		
		comicList.className = 'comicList';
		var li = d.createElement('li');		
		createRoop:
		for(var j=0; j<5; j++){
			if(!data[(5*i) + j]){break createRoop;}
			var comicDetailList = d.createElement('ul');
			comicDetailList.className = 'comicDetailList';
				var cImg =	d.createElement('li');
					cImg.className = 'cImg';
					var cImgA = d.createElement('a');
					cImgA.href = data[(5*i) + j].URL;
					cImgA.target = '_blank';				
						var img = new Image();
						img.src = data[(5*i) + j].imgSRC;
						cImgA.appendChild(img);
					cImg.appendChild(cImgA);
					
				var cTtl = d.createElement('li');
					cTtl.className = 'cTtl';
					cTtl.innerHTML = data[(5*i) + j].	title;
					
				var cBtn = d.createElement('li');
					cBtn.className = 'cBtn';
					var cBtnA = d.createElement('a');
					cBtnA.href = data[(5*i) + j].URL;
					cBtnA.target = '_blank';
					cBtnA.innerHTML = '<span>BUY NOW</span>';
					cBtn.appendChild(cBtnA);
					
				comicDetailList.appendChild(cImg);
				comicDetailList.appendChild(cBtn);
				comicDetailList.appendChild(cTtl);
			li.appendChild(comicDetailList);
		}
		comicList.appendChild(li);
		mBox.appendChild(comicList);
		maxSet = i;
	}
	var br= d.createElement('br');
	br.className = 'clearFloat';
	mBox.appendChild(br);
	
	// btn
	var btn = d.getElementById('sildeControlBtn');
	btn.prev = btn.getElementsByTagName('li')[0];	
	btn.next = btn.getElementsByTagName('li')[1];	
	
	btn.prev.onclick = function(){
		if(nowSet == 0){return;}
		mBox.move(1);
	}
	btn.next.onclick = function(){
		if(nowSet == maxSet){return;}
		mBox.move(-1);
	}

	
	mBox.move = function(dir){
		var s = kmsEffect.GetPixel(this, 'marginLeft');
		var e = -MOVE * (nowSet-dir);		
		kmsEffect.PixelAnimation(
			this,
			'marginLeft',
			s,
			e,
			A_TIME,
			A_TYPE			
		);
		nowSet -= dir;
		btn.chk();
	}
	
	btn.chk = function(){
		this.prev.className = nowSet == 0 ? 'controlPrevOf' : 'controlPrev';
		this.next.className = nowSet == maxSet ? 'controlNextOf' : 'controlNext';		
	}
	
	
})();