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 = 4000;
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;
/* 1´Ü max560 */
var boxPosition01 = {
boxTop1 :"220",boxLeft1 :"40",
boxTop2 :"80",boxLeft2 :"0",
boxTop3 :"360",boxLeft3 :"20",
boxTop4 :"570",boxLeft4 :"20",
boxTop5 :"430",boxLeft5 :"160",
boxTop6 :"710",boxLeft6 :"20",
boxTop7 :"710",boxLeft7 :"160",
boxTop8 :"850",boxLeft8 :"20",
boxTop9 :"990",boxLeft9 :"20",
boxTop10 :"850",boxLeft10 :"160"
}
/* 3´Ü min560 ~ max800 */
var boxPosition02 = {
boxTop1 :"1510",boxLeft1 :"90",
boxTop2 :"80",boxLeft2 :"0",
boxTop3 :"410",boxLeft3 :"50",
boxTop4 :"710",boxLeft4 :"50",
boxTop5 :"510",boxLeft5 :"250",
boxTop6 :"910",boxLeft6 :"50",
boxTop7 :"910",boxLeft7 :"250",
boxTop8 :"1110",boxLeft8 :"50",
boxTop9 :"1310",boxLeft9 :"50",
boxTop10 :"1110",boxLeft10 :"250"
}
/* 4´Ü min800*/
var boxPosition03 = {
boxTop1 :"480",boxLeft1 :"430",
boxTop2 :"120",boxLeft2 :"300",
boxTop3 :"350",boxLeft3 :"0",
boxTop4 :"850",boxLeft4 :"400",
boxTop5 :"450",boxLeft5 :"200",
boxTop6 :"650",boxLeft6 :"0",
boxTop7 :"650",boxLeft7 :"200",
boxTop8 :"650",boxLeft8 :"400",
boxTop9 :"850",boxLeft9 :"0",
boxTop10 :"650",boxLeft10 :"600"
}
/* 5´Ü min1000 */
var boxPosition04 = {
boxTop1 :"480",boxLeft1 :"440",
boxTop2 :"50",boxLeft2 :"0",
boxTop3 :"350",boxLeft3 :"0",
boxTop4 :"80",boxLeft4 :"600",
boxTop5 :"450",boxLeft5 :"200",
boxTop6 :"650",boxLeft6 :"0",
boxTop7 :"650",boxLeft7 :"200",
boxTop8 :"650",boxLeft8 :"400",
boxTop9 :"650",boxLeft9 :"600",
boxTop10 :"460",boxLeft10 :"800"
}

/* 6´Ü min1200 */
var boxPosition05 = {
boxTop1 :"480",boxLeft1 :"430",
boxTop2 :"120",boxLeft2 :"220",
boxTop3 :"350",boxLeft3 :"0",
boxTop4 :"150",boxLeft4 :"800",
boxTop5 :"450",boxLeft5 :"200",
boxTop6 :"650",boxLeft6 :"0",
boxTop7 :"650",boxLeft7 :"200",
boxTop8 :"650",boxLeft8 :"400",
boxTop9 :"650",boxLeft9 :"600",
boxTop10 :"650",boxLeft10 :"1000"
}




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 < 520){
$("#contents").height('1260px');
calculate(1);
}else if (StageWidth > 520 && StageWidth < 850){
calculate(2);
}else if (StageWidth > 860 && StageWidth < 1000){
$("#contents").height('1200px');
calculate(3);
}else if (StageWidth > 1000 && StageWidth < 1210){
calculate(4);
}else if (StageWidth > 1210){
calculate(5);
}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);

});