A=[[],[],[],[],[],[],[],[]];
A[0][0]=-100*1;
A[0][1]=-100*2;
A[0][2]=-100*3;
A[0][3]=-100*4;
A[0][4]=-100*5;
A[0][5]=-100*6;
A[0][6]=-100*7;
A[0][7]=-100*0;
A[1][0]=-100*0;
A[1][1]=-100*1;
A[1][2]=-100*2;
A[1][3]=-100*3;
A[1][4]=-100*4;
A[1][5]=-100*5;
A[1][6]=-100*6;
A[1][7]=-100*7;
A[2][0]=-100*7;
A[2][1]=-100*0;
A[2][2]=-100*1;
A[2][3]=-100*2;
A[2][4]=-100*3;
A[2][5]=-100*4;
A[2][6]=-100*5;
A[2][7]=-100*6;
A[3][0]=-100*6;
A[3][1]=-100*7;
A[3][2]=-100*0;
A[3][3]=-100*1;
A[3][4]=-100*2;
A[3][5]=-100*3;
A[3][6]=-100*4;
A[3][7]=-100*5;
A[4][0]=-100*5;
A[4][1]=-100*6;
A[4][2]=-100*7;
A[4][3]=-100*0;
A[4][4]=-100*1;
A[4][5]=-100*2;
A[4][6]=-100*3;
A[4][7]=-100*4;
A[5][0]=-100*4;
A[5][1]=-100*5;
A[5][2]=-100*6;
A[5][3]=-100*7;
A[5][4]=-100*0;
A[5][5]=-100*1;
A[5][6]=-100*2;
A[5][7]=-100*3;
A[6][0]=-100*3;
A[6][1]=-100*4;
A[6][2]=-100*5;
A[6][3]=-100*6;
A[6][4]=-100*7;
A[6][5]=-100*0;
A[6][6]=-100*1;
A[6][7]=-100*2;
A[7][0]=-100*2;
A[7][1]=-100*3;
A[7][2]=-100*4;
A[7][3]=-100*5;
A[7][4]=-100*6;
A[7][5]=-100*7;
A[7][6]=-100*0;
A[7][7]=-100*1;

num = 0;
old = 0;
chk = true;
olda=0;
function visual(){
num++;
if(num==8){
num=0;
}


$(".slide ul").stop(true,true).animate({"margin-left":"-=100%"},1000,function(){
$(this).append($(".slide ul li").first());
$(this).css({"margin-left":"-100%"});
old=num;
});
};

function limove(){
if(old==0){
$(".slide ul").append(vli7, vli0, vli1, vli2, vli3, vli4, vli5, vli6);
}
else if (old==1){
$(".slide ul").append(vli0, vli1, vli2, vli3, vli4, vli5, vli6, vli7);
}
else if (old==2){
$(".slide ul").append(vli1, vli2, vli3, vli4, vli5, vli6, vli7, vli0);
}
else if (old==3){
$(".slide ul").append(vli2, vli3, vli4, vli5, vli6, vli7, vli0, vli1);
}
else if (old==4){
$(".slide ul").append(vli3, vli4, vli5, vli6, vli7, vli0, vli1, vli2);
}
else if (old==5){
$(".slide ul").append(vli4, vli5, vli6, vli7, vli0, vli1, vli2, vli3);
}
else if (old==6){
$(".slide ul").append(vli5, vli6, vli7, vli0, vli1, vli2, vli3, vli4);
}
else{
$(".slide ul").append(vli6, vli7, vli0, vli1, vli2, vli3, vli4, vli5);
}

}

$(document).ready(function(){

vli0=$(".slide li").eq(0);
vli1=$(".slide li").eq(1);
vli2=$(".slide li").eq(2);
vli3=$(".slide li").eq(3);
vli4=$(".slide li").eq(4);
vli5=$(".slide li").eq(5);
vli6=$(".slide li").eq(6);
vli7=$(".slide li").eq(7);
$(".slide ul").prepend($(".slide ul li").last());


auto=setInterval("visual()",3000);

$(".btnbox li.btn1").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=0;
num=0;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});
$(".btnbox li.btn2").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=1;
num=1;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});
$(".btnbox li.btn3").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=2;
num=2;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});
$(".btnbox li.btn4").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=3;
num=3;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});
$(".btnbox li.btn5").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=4;
num=4;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});
$(".btnbox li.btn6").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=5;
num=5;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});
$(".btnbox li.btn7").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=6;
num=6;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});
$(".btnbox li.btn8").click(function(){
if(chk){
chk=false;
clearInterval(auto);
auto=setInterval("visual()",3000);

old=7;
num=7;
$(".slide ul").stop(true,true).animate({"margin-left":A[old][num]+"%"},10,function(){
$(this).css({"margin-left":"-100%"});
old=num;
limove();
});
chk=true;
}
});


$(".arrow .left").click(function(){
if(chk){
chk=false;
num--;
if(num==-1){
num=7;
}
clearInterval(auto);

auto=setInterval("visual()",3000);
$(".btnbox ul").stop(true,true).animate({"margin-left":"+=16.5%"},300,function(){
$(this).prepend($(".btnbox ul li").last());
$(this).css({"margin-left":"-16.5%"});
old=num;
chk=true;
});
}
});

$(".arrow .right").click(function(){
if(chk){
chk=false;
num++;
if(num==8){
num=0;
}
clearInterval(auto);
auto=setInterval("visual()",3000);
$(".btnbox ul").stop(true,true).animate({"margin-left":"-=16.5%"},300,function(){
$(this).append($(".btnbox ul li").first());
$(this).css({"margin-left":"-16.5%"});
old=num;
chk=true;

});

}
});






});