// JavaScript Document

$(document).ready(function() {
 
 var current=0;
 var slide_length = $('.slide_ul>li').length;//À̹ÌÁöÀÇ °¹¼ö¸¦ º¯¼ö·Î
 var btn_ul = '<ul class="slide_btn"></ul>';//¹öÆ° LIST ÀÛ¼ºÇÒ UL
 

 $('.slide_ul>li').hide();//À̹ÌÁö ¾Èº¸ÀÌ°Ô
 $('.slide_ul>li').first().show();//À̹ÌÁö Çϳª¸¸ º¸ÀÌ°Ô
 
 
 $(btn_ul).prependTo($('.slide'))//slide Ŭ·¡½ºÀ§¿¡ »ý¼º
 for (var i = 0 ; i < slide_length; i++){//µ¿±×¶ó¹Ì ¹öÆ° »ý¼º À̹ÌÁö li °³¼ö ¸¸Å­
  var child = '<li><a href="#none">'+i+'</a></li>';
  $(child).appendTo($('.slide_btn'));
 }
 
 $('.slide_btn > li > a').first().addClass('active'); 
 $('.slide_btn > li > a').on('click' , slide_stop);
 
//ÀÚµ¿ ½½¶óÀ̵å ÇÔ¼ö
function autoplay(){
 
 if(current == slide_length-1){
 current = 0;
}else{
 current++;
}
 $('.slide_ul>li').stop().fadeOut(900);
 $('.slide_ul>li').eq(current).stop().fadeIn(700);
 $('.slide_btn > li > a').removeClass('active'); 
 $('.slide_btn > li > a').eq(current).addClass('active'); 
}
setInterval(autoplay,4000);//¹Ýº¹
//¹öÆ° Ŭ¸¯½Ã È£ÃâµÇ´Â ÇÔ¼ö
function slide_stop(){
  var fade_idx = $(this).parent().index(); 
  current = $(this).parent().index();//Ŭ¸¯ÇÑ ¹öÆ°ÀÇ Index ¸¦ ¹Þ¾Æ¼­ ±× ´ÙÀ½ À̹ÌÁöºÎÅÍ ½½¶óÀ̵å Àç»ý.
  if($('.slide_ul > li:animated').length >= 1) return false; //¹öÆ° ¹Ýº¹ Ŭ¸¯½Ã µô·¹ÀÌ ¹æÁö
  $('.slide_ul > li').fadeOut(400);
  $('.slide_ul > li').eq(fade_idx).fadeIn(400);
  $('.slide_btn > li > a').removeClass('active'); 
  $(this).addClass('active');
  
 } 
});