jQuery(document).ready(function(){
//rolling
var rollSpeed = 5000;
start();
function start(){
rollgo = setInterval(rollauto,rollSpeed);
}
function stop(){
clearInterval(rollgo);
}
function rollauto(){
$("#roll01 .btn_next").click();
$("#roll02 .btn_next").click();
$("#roll03 .btn_next").click();
}
$(".roll_area ul li").hover(function() {
stop();
},function(){
start();
});
//rolling
var defaultidx = 2;
var timeval = 5000;
var speed = 800;
var timer = "";
$("#touchSlider01").touchSlider({
view : 1,
roll : true,
page : 1,
paging : $("#touchSlider01").next().find(".btn_page"),
btn_prev : $("#touchSlider01").next().find(".btn_prev"),
btn_next : $("#touchSlider01").next().find(".btn_next"),
initComplete : function (e) {
$("#touchSlider01").next().find(".btn_page").each(function (i, el) {
$(this).text("¿Ã´ñºäƼ" + (i+1));
});
},
speed : 0,
counter : function (e) {
$("#touchSlider01").next().find(".btn_page").removeClass('on');
$("#touchSlider01").next().find(".btn_page:eq("+(e.current-1)+")").addClass('on');
}
});
$("#roll01 button").click(function() {
$("#touchSlider01 ul li").hide();
$("#touchSlider01 ul li").fadeIn(200);
});


$("#touchSlider02").touchSlider({
view : 1,
roll : true,
page : 1,
paging : $("#touchSlider02").next().find(".btn_page"),
btn_prev : $("#touchSlider02").next().find(".btn_prev"),
btn_next : $("#touchSlider02").next().find(".btn_next"),
initComplete : function (e) {
$("#touchSlider02").next().find(".btn_page").each(function (i, el) {
$(this).text("À̺¥Æ®" + (i+1));
});
},
speed : 0,
counter : function (e) {
$("#touchSlider02").next().find(".btn_page").removeClass('on');
$("#touchSlider02").next().find(".btn_page:eq("+(e.current-1)+")").addClass('on');
}
});
$("#roll02 button").click(function() {
$("#touchSlider02 ul li").hide();
$("#touchSlider02 ul li").fadeIn(200);
});

$("#touchSlider03").touchSlider({
view : 1,
roll : true,
page : 1,
paging : $("#touchSlider03").next().find(".btn_page"),
btn_prev : $("#touchSlider03").next().find(".btn_prev"),
btn_next : $("#touchSlider03").next().find(".btn_next"),
initComplete : function (e) {
$("#touchSlider03").next().find(".btn_page").each(function (i, el) {
$(this).text("±³À°½Ã¼³" + (i+1));
});
},
speed : 0,
counter : function (e) {
$("#touchSlider03").next().find(".btn_page").removeClass('on');
$("#touchSlider03").next().find(".btn_page:eq("+(e.current-1)+")").addClass('on');
}
});
$("#roll03 button").click(function() {
$("#touchSlider03 ul li").hide();
$("#touchSlider03 ul li").fadeIn(200);
});
//¹Ú½º À̵¿(º®µ¹ ½×±â)
$.fn.myPlugin = function(options) {
var config = {
itemSelector : "> article",
animateSpeed : "100",
effect : "linear"
}
if (options) $.extend(config, options); 
this.each(function() {
var Self = $(this),
Arry = Self.find(config.itemSelector),
Total = Arry.length,
StageWidth;


var boxPosition01 = {
boxTop1 :"145",boxLeft1 :"0",
boxTop2 :"0",boxLeft2 :"0",
boxTop3 :"145",boxLeft3 :"150",
boxTop4 :"355",boxLeft4 :"0",
boxTop5 :"860",boxLeft5 :"0",
boxTop6 :"860",boxLeft6 :"150",
boxTop7 :"970",boxLeft7 :"0",
boxTop8 :"355",boxLeft8 :"150",
boxTop9 :"680",boxLeft9 :"0",
boxTop10 :"570",boxLeft10 :"0"
}



var boxPosition02 = {
boxTop1 :"185",boxLeft1 :"0",
boxTop2 :"0",boxLeft2 :"0",
boxTop3 :"185",boxLeft3 :"190",
boxTop4 :"455",boxLeft4 :"0",
boxTop5 :"865",boxLeft5 :"0",
boxTop6 :"865",boxLeft6 :"190",
boxTop7 :"1000",boxLeft7 :"0",

boxTop8 :"455",boxLeft8 :"190",
boxTop9 :"1000",boxLeft7 :"190",
boxTop10 :"725",boxLeft9 :"0",

}


/* 2´Ü*/
var boxPosition03 = {
boxTop1 :"240",boxLeft1 :"0",
boxTop2 :"0",boxLeft2 :"0",
boxTop3 :"240",boxLeft3 :"250",
boxTop4 :"600",boxLeft4 :"0",
boxTop5 :"960",boxLeft5 :"0",
boxTop6 :"960",boxLeft6 :"250",
boxTop7 :"1140",boxLeft7 :"0",
boxTop8 :"600",boxLeft8 :"250",
boxTop9 :"1140",boxLeft9 :"250",
boxTop10 :"1320",boxLeft10 :"0"
}


/* 3´Ü */
var boxPosition04 = {
boxTop1 :"360",boxLeft1 :"0",
boxTop2 :"0",boxLeft2 :"0",
boxTop3 :"360",boxLeft3 :"250",
boxTop4 :"360",boxLeft4 :"500",
boxTop5 :"720",boxLeft5 :"250",
boxTop6 :"720",boxLeft6 :"500",
boxTop7 :"900",boxLeft7 :"250",
boxTop8 :"720",boxLeft8 :"0",
boxTop9 :"900",boxLeft9 :"500",
boxTop10 :"1080",boxLeft10 :"0"
}


/* 4´Ü*/
var boxPosition05 = {
boxTop1 :"360",boxLeft1 :"0",
boxTop2 :"0",boxLeft2 :"250",
boxTop3 :"360",boxLeft3 :"250",
boxTop4 :"360",boxLeft4 :"500",
boxTop5 :"720",boxLeft5 :"0",
boxTop6 :"0",boxLeft6 :"0",
boxTop7 :"180",boxLeft7 :"0",
boxTop8 :"360",boxLeft8 :"750",
boxTop9 :"720",boxLeft9 :"250",
boxTop10 :"720",boxLeft10 :"500"
}

 
var boxPosition06 = {
boxTop1 :"0",boxLeft1 :"0",
boxTop2 :"0",boxLeft2 :"250",
boxTop3 :"0",boxLeft3 :"1000",
boxTop4 :"360",boxLeft4 :"0",
boxTop5 :"360",boxLeft5 :"250",
boxTop6 :"360",boxLeft6 :"500",
boxTop7 :"360",boxLeft7 :"750",
boxTop8 :"360",boxLeft8 :"1000",
boxTop9 :"540",boxLeft9 :"250",
boxTop10 :"540",boxLeft10 :"500"
}

function ini(){ // ¼³Á¤
for (var i=0; i<Total; i++ ){
Arry.eq(i).css({"position" : "absolute", "z-index" : 20 - Number(i)});
}
set();
}
function set(){ // width °ª ¼³Á¤ * ¸®»çÀÌÁî½Ã À̺κРºÎÅÍ ½ÃÀÛ
StageWidth = $(this).width(); 
if (StageWidth < 399){
$("#contents").height('1080px');
calculate(1);
}else if (StageWidth > 400 && StageWidth < 544){
$("#contents").height('1320px');
calculate(2);
}else if (StageWidth > 545 && StageWidth < 799){
$("#contents").height('1500px');
calculate(3);
}else if (StageWidth > 800 && StageWidth < 1299){
$("#contents").height('1260px');
calculate(4);
}else if (StageWidth > 1300 && StageWidth < 1519){
$("#contents").height('900px');
calculate(5);
}else if (StageWidth > 1520){
$("#contents").height('720px');
calculate(6);
}else{
};
}
function calculate(sw){ // °è»ê
for (var i=0; i<Total; i++ ){
var boxTop = "boxPosition0"+sw+".boxTop"+(i+1);
var boxLeft = "boxPosition0"+sw+".boxLeft"+(i+1);
var y = Number(eval(boxTop));
var x = Number(eval(boxLeft));
var speed = Number(eval(config.animateSpeed)) + (i*200);

shot(Arry.eq(i), x, y, speed);
}
}
function shot(obj,x,y,speed){ // À̵¿
obj.stop().animate({left:x,top:y}, speed, config.effect)
}
$(window).resize(function(e){set()});
ini();
});
return this;
}
var options = {
animateSpeed : "400",
effect : "linear",
effect : "easeInOutQuart"
}
$('#contents').myPlugin(options);

});