$(document).ready(function() {
			//$("img[@src$=png],.iepngfix").pngfix();
			// 初期設定
			var pre=1;
			var now=1;
			var rote=0;
			var jacketAry=[];
			var len = 18;
			
			var dataList=$("#shape li");
			var dataListLen=dataList.length;
			var ary =[];
			for(var i=0;i<dataListLen;i++){
				ary.push($(dataList[i]).html());
				$(dataList[i]).remove();
			};
			dataList=null;
			while(ary.length>0){
				jacketAry.push({url:ary[0], ttl:ary[1], date:ary[2], artist:ary[3], label:ary[4]});
				ary.shift();ary.shift();ary.shift();ary.shift();ary.shift();
			};
			len=jacketAry.length;
			
			
			var loadCounter=0;
			
			for(var i=0; i<len; i++){
				jacketAry[i].img = new Image();
				$(jacketAry[i].img).bind("load",function(){
					loadCounter++;
					if(loadCounter == len)setPosition()
				});
				$(jacketAry[i].img).bind("error",function(){
					loadCounter++;
					if(loadCounter == len)setPosition()
				});
				jacketAry[i].img.src = (jacketAry[i].url);
			}
			
				
			if(BrowserDetect.browser!="Safari"){$("#shape").css({"width":"682px","left":"0px"});}
			function setPosition(){
				if(BrowserDetect.browser=="Safari"){
					for(var i=0; i<len; i++){
						jacketAry[i].img.width=jacketAry[i].img.height=200;
						$(jacketAry[i].img).addClass("reflect rheight50 ropacity33");
						var li=document.createElement("li");
						li.id="jct_"+(i+1);
						$(li).css("webkitTransform","rotateY("+20*(i%18)+"deg) translateZ(680px)");
						$(li).append(jacketAry[i].img).addClass("plane");
						$("#shape").append(li);
						$(li).mouseup(monRelease);
						$(li).mousedown(function(e){e.preventDefault()});
					}
					now=Math.ceil(Math.random()*18);
				} else {
					pre=now=Math.ceil(Math.random()*18);
					for(var i=0; i<len; i++){
						jacketAry[i].img.width=jacketAry[i].img.height=200;
						$(jacketAry[i].img).addClass("reflect rheight50 ropacity33");
						var li=document.createElement("li");
						li.id="jct_"+(i+1);
						jacketAry[i].li = li;
						$(li).append(jacketAry[i].img).addClass("plane").css("left",240*(i%18));
						$(li).mousedown(function(e){e.preventDefault()});
						$("#shape").append(li);
						
						
					}
					now=Math.ceil(Math.random()*18);
				}
				move()
			}
			
			if(BrowserDetect.browser=="Safari"){
				$("#btnNext").remove();
				$("#btnPrev").remove();
			} else {
				$("#btnNext").mouseup(next);
				$("#btnPrev").mouseup(prev);
			};
			
			// フリック
			$("#view").touchwipe({
				wipeLeft:next,
				wipeRight:prev,
				min_move_x:20,
				preventDefaultEvents: true
			});
			function next(){
				pre=now;
				now=(pre<jacketAry.length) ? parseInt(pre)+1 : 1;
				move();
			}
			function prev(){
				pre=now;
				now= (pre==1) ? jacketAry.length : parseInt(pre)-1;
				move();
			}
			// リリース
			function monRelease(e){
				pre=now;
				now = e.currentTarget.id.substr(4);
				move();
			};
			
			function move(){
				if(BrowserDetect.browser=="Safari"){
					rotate();
				} else {
					slide();
				}
				
				$("#disc").stop();
				$("#disc").queue([])
				$("#disc").css({opacity:0});
				$("#disc").html(
					"<span style='font-size:20px'>"+jacketAry[now-1].ttl+"</span><br>"+
					"<span style='font-size:12px; color:#666'>"+jacketAry[now-1].artist+"<br>"+jacketAry[now-1].date+"<br>"+jacketAry[now-1].label+"</span>"
				);
				$("#disc").animate({opacity:1},{duration: "slow"});
			}
			
			
			function slide(){
				$("#shape").stop();
				$("#shape").queue([]);
				var thisLen=18;
				
				
				if(now==1){
					if(pre==thisLen){
						$("#shape").animate({"left":-(now-3)*240+"px"},0);
					}
					
					$("#jct_1").css("left","0");
					$("#jct_"+thisLen).css("left","-240px");
					
				} else if(now==thisLen){
					if(pre==1){
						$("#shape").css("left",-((now+1)-2)*240+"px");
					}
					$("#jct_"+thisLen).animate({"left":(now-1)*240+"px"},0);
					$("#jct_1").css("left",now*240+"px");

				} else if(now==thisLen-1){
					$("#jct_"+thisLen).css("left",(thisLen-1)*240+"px");
				} else if(now==2){
					$("#jct_1").css("left","0px");
				}
				
				$("#shape").animate({"left":-(now-2)*240+"px"}, {duration:"0.8",easing:"easeOutQuart"});
			}
			
			function rotate(){
				if(pre>12 && now<6){
					rote++;
					//$("#shape")[0].style=[];
					//$("#shape")[0].style["-webkit-transform"]="rotateY("+(20)*(18-pre+1)+"deg)" ;
				} else if(pre<6 && now>12){
					rote--;
				};
				// img.setAttribute('-webkit-transform', 'rotate(60deg)');

				$("#shape").css("webkitTransform", "rotateY("+((-20)*(now-1)-(360*rote))+"deg)");
				$("#shape").css("webkitTransitionDuration", 0.5+"s");
				//$("#shape")[0].style["-webkit-transform"]="rotateY("+((-20)*(now-1)-(360*rote))+"deg)";
				//$("#shape")[0].style["-webkit-transition-duration"]=0.5+"s";
			}
			
			
		})