$(document).ready(function(){
    
 /*¸ÞÀÎ Áß´Ü À̹ÌÁö ·çÇÁ*/

 var rollItem = $('#roll_content ul li');
 var roll_max = rollItem.length-1;
 var roll_geb = 480;/*rollItem.eq(0).find('img').width();*/ 
 $('#roll_content .mask').css({'width':(roll_geb*roll_max)+roll_geb,'left':'50%',marginLeft:-((roll_geb*roll_max)+roll_geb)/2});
 $('#roll_content .roll_wrap').css({'width':((roll_geb*roll_max)+roll_geb)*2});
 var items = '';
    for(var i=0; i<=roll_max; i++){
// 151214 ¼öÁ¤Àü ¿øº»
//  if(rollItem.eq(i).find('a').hasClass('first')){
//    items += "<li><a class='first' href='"+rollItem.eq(i).find('a').attr('href')+"'target='"+rollItem.eq(i).find('a').attr('target')+"'><img src='"+rollItem.eq(i).find('img').attr('src')+"' alt=''/></a></li>";
//  }else{
//    items += "<li><span class='circle'>Before</span><span class='circle2'>After</span><a href='"+rollItem.eq(i).find('a').attr('href')+"'target='"+rollItem.eq(i).find('a').attr('target')+"'><img src='"+rollItem.eq(i).find('img').attr('src')+"' alt=''/></a></li>";
//  }

    // 151214 ¼öÁ¤º»
    if(rollItem.eq(i).find('a').hasClass('first')){
      items += '<li class="first"><a href="'+rollItem.eq(i).find('a').attr('href')+'" target="'+rollItem.eq(i).find('a').attr('target')+'"><img src="'+rollItem.eq(i).find('img').attr('src')+'" /></a><span class="text1">´«¡¤ÄÚ¼ºÇü Eyes, Nose Surgery</span></li>';
    } else {
      items += '<li><span class="circle">Before</span><span class="circle2">After</span><a href="'+rollItem.eq(i).find('a').attr('href')+'" target="'+rollItem.eq(i).find('a').attr('target')+'"><img src="'+rollItem.eq(i).find('img').attr('src')+'" /></a><span class="text1">´«¡¤ÄÚ¼ºÇü Eyes, Nose Surgery</span></li>';
    }
 }
    
 $('#roll_content .roll_wrap').append("<ul class='roll_box2'></ul>");
 $('#roll_content .roll_box2').html(items);
 $('#roll_content .roll_box2').css({left:(roll_geb*roll_max)+roll_geb});
 $('#roll_content ul').css({width:(roll_geb*roll_max)+roll_geb});
 $('#roll_content ul .first').css({'margin-left':0})
    
 var roll_id = null;
 var roll_time = 10;
 var roll_sp = 1;
 var roll_mx = 0;
 $('#roll_content ul li').on("mouseenter",function(e){clearInterval(roll_id);});
 $('#roll_content ul li').on("mouseleave",function(e){autoPlay();});

 function autoPlay(){roll_id = setInterval(function(){rollChk();},roll_time)};autoPlay();
    
 function rollChk(){
   roll_mx-=roll_sp;
      $('#roll_content .roll_wrap').css({left:roll_mx});
   /* ############### comment : auto increase infinity error in main page. temporary measure. 16.10.14. ############### */
 /*if($('#roll_content .roll_box2').offset().left == $('#roll_content .mask').offset().left){
    $('#roll_content .roll_box1').css({left:$('#roll_content .roll_box2').position().left+$('#roll_content .roll_box2').width()})
   }
   if($('#roll_content .roll_box1').offset().left == $('#roll_content .mask').offset().left){
    $('#roll_content .roll_box2').css({left:$('#roll_content .roll_box1').position().left+$('#roll_content .roll_box1').width()})
   }*/
 }
 /* ÁÂÃøÄü */
 $('.mqbtn').click(function(){
  if($('#quick_value').val() == '1'){
   $('#quick_value').val('0');
   $('.mquick_wrap').stop().animate({left:-328},800,'easeInOutQuint');
   $(this).removeClass('on').addClass('off');
  }else{
   $('#quick_value').val('1');
   $('.mquick_wrap').stop().animate({left:0},800,'easeInOutQuint');
   $(this).removeClass('off').addClass('on');
  }
 });
});