$(function($){


var prImg= new Array();
prImg[0] = new Image();//新しいイメージ(画像)オブジェクトを生成
prImg[0].src = sli[0];//srcプロパティで画像ファイルのアドレス（URL)を設定。

var slid = ".w-slide";
var swidth = 980;

var nowsl = 0;
var nowslc = 2;
var abslc = 2;
var absl = 2;
var sl1 = 0;
var sl3 = 0;
var moving = 0;
var moved = 0;

$(slid).append('<div class="slidin slid1"></div><div class="slidin slid2"></div><div class="slidin slid3"></div><div class="sln slnext">＜</div><div class="sln slback">＞</div>');
$(".slid1").css("margin-left",swidth*-1.5);
$(".slid2").css("margin-left",swidth*-0.5);
$(".slid3").css("margin-left",swidth*0.5);




$(".slid2").css("background-image","url('" + sli[nowsl] + "')");

$(prImg[0]).load(function () {
$(".slid2").animate({"opacity":1},900,"easeInExpo");
   prImg[1] = new Image();
    prImg[1].src = sli[1];
$(".slid1").css("background-image","url('" + sli[sli.length-1] + "')");

$(function(){
	setInterval(function(){
if(!moved&&!moving){
sl_next();
}
	},7000);
});


$(prImg[1]).load(function () {
$(".w-slide").css("background","#000");

$(".slid3").animate({"opacity":1},900,"easeInExpo");
   prImg[sli.length-1] = new Image();
    prImg[sli.length-1].src = sli[sli.length-1];
$(".slid3").css("background-image","url('" + sli[nowsl + 1] + "')");

$(prImg[sli.length-1]).load(function () {
$(".slid1").animate({"opacity":1},900,"easeInExpo");
  for (i=2; i<sli.length-1; i++){
   prImg[i] = new Image();
    prImg[i].src = sli[i];
       }
});
});
});








function sl_next(){

moving=1;
moved+=3;
nowsl++;
nowslc++;

if(nowsl==sli.length){
nowsl=0;
}
absl=nowsl+1;
if(absl==sli.length){
absl=0;
}


if(nowslc==4){
nowslc=1;
}

abslc=nowslc-2;

if(abslc<1){
abslc+=3;
}
sl_move("-=",0.5);
}

function sl_back(){

moving=1;
moved+=3;
nowsl--;
nowslc--;

if(nowsl==-1){
nowsl=sli.length-1;
}
absl=nowsl-1;
if(absl==-1){
absl=sli.length-1;
}
console.log(absl);
if(nowslc==0){
nowslc=3;
}

abslc=nowslc+2;
if(abslc>3){
abslc-=3;
}
sl_move("+=",-1.5);
}



function sl_move(slm1,slm2){
$(".sln").animate({"opacity":0},180,"easeOutCubic");
$(".slidin").animate({"opacity":0.4},180,"easeOutCubic");

$(".slidin").animate({"margin-left": slm1 + swidth},1300,"easeOutQuart",function(){
$(".sln").css("opacity","0").animate({"opacity": "0.6"},550);
$(".slid" + abslc).css("margin-left",swidth*slm2).css("opacity",0).css("background-image","url('" + sli[absl] + "')");
}).animate({"opacity":1},550,"easeInExpo",function(){sl_end()});
}

function sl_end(){

$(function(){
setTimeout(function(){
moving=0;
},260);
});
$(function(){
setTimeout(function(){
moved--;
},2500);
});
}

$(".slback").click(function(){
if(!moving){
sl_next();
}
});
$(".slnext").click(function(){
if(!moving){
sl_back();
}
});
});