

$(document).ready(function() {

    var oSlide          = $('#slide-product .rolling');
    var iSlideItemWidth = oSlide.find('li').width();
    var iSlideItemCount = oSlide.find('li').length;
    var iSlideWidth     = iSlideItemWidth * iSlideItemCount;
    oSlide.css({left:0, width:iSlideWidth});

    var oSlide2         = oSlide.clone().prependTo('#slide-product');    
    var iSpeed          = 1;
    var iSlideShow      = 0;
    var oRightTime      = null;
    var oLeftTime       = null;
    var bLeftFlow       = true;

    
    /** 초기화 **/
    var init = function() {        
        oSlide2.css('left',iSlideWidth+iSlideShow);
        oLeftTime       = setInterval(slideLeft, 30);
    }();


    //상품에 마우스를 올리면 흐름 멈추기
    $('.rolling').mouseenter(function() {
        pause();        
    }).mouseleave(function() {
        var event = (bLeftFlow) ? slideLeft : slideRight;
        oLeftTime=setInterval(event,30);
    });
   

    // Left event //
    function slideLeft() {

        var iLeft1 = parseInt(oSlide.css('left'));
        var iLeft2 = parseInt(oSlide2.css('left'));

        if(iLeft1 > (iSlideWidth*(-1)+8)) {            
            oSlide.css('left', iLeft1-iSpeed);
        } else {
            oSlide.css('left', iLeft2+iSlideWidth+iSlideShow);
        }

        if(iLeft2 > (iSlideWidth*(-1)+8)) {            
            oSlide2.css('left', iLeft2-iSpeed);
        } else {
            oSlide2.css('left', iLeft1+iSlideWidth+iSlideShow);
        }
        bLeftFlow = true;
    }

    // Right event //
    function slideRight() {

        var iLeft1 = parseInt(oSlide.css('left'));
        var iLeft2 = parseInt(oSlide2.css('left'));

        if(iLeft1 < (iSlideWidth+8)) {            
            oSlide.css('left', iLeft1+iSpeed);
        } else {            
            oSlide.css('left', iLeft2+iSlideWidth*(-1)+iSlideShow);
        }

        if(iLeft2 < (iSlideWidth+8)) {            
            oSlide2.css('left', iLeft2+iSpeed);
        } else {
            oSlide2.css('left', iLeft1+iSlideWidth*(-1)+iSlideShow);
        }
        bLeftFlow = false;
    }


    // 좌우버튼 활성화
    $('.arrow-left, .arrow-right').mouseover(function() {        
        pause();
        iSpeed = 5;
        var event = ($(this).hasClass('arrow-left')) ? slideLeft : slideRight;        
        oLeftTime=setInterval(event,30); 
    }).mouseout(function() {
        iSpeed = 1;
    });

    
    //이벤트 멈춤
    function pause() {
        clearInterval(oRightTime);
        clearInterval(oLeftTime);
    }


});