$(function(){
			var slideArea = $("#mousearea"),
        slideDiv = slideArea.siblings("div.slidebox"),
        slideNumber = slideDiv.size(),
        mouseImg = $("#mouse_img"),
        //?? - ??? ??? ???
        dragSize = 100,
        //???
        slideCount = 1,
        mDown = false;
    
    
    //??? ??? ??
    slideArea.mousedown(function(event){
        mDown = true;
        dragX = event.pageX;
        slideArea.addClass("grab");
    });
    slideArea.mouseup(function(){
        mDown = false;
        slideArea.removeClass("grab");
    });
    
    
    //??? ??? ??
    slideArea.mousemove(function(event){
        
        //???? ??? ??? ???? 'dragSize' ?? ???
        if(mDown == true && dragX + dragSize < event.pageX){ 
            
            //??? ???
            dragX = event.pageX;
            
            if(slideCount < slideNumber){
                add_remove_class(); //???? ?? ????, ???
                slideCount ++;
            }else{
                slideCount = 0;
                add_remove_class();
                slideCount ++;
            }
        }
        if(mDown == true && dragX - dragSize > event.pageX){
                        
            dragX = event.pageX;
            if(0 < slideCount && slideCount){
                slideCount --;
                add_remove_class();
            }else{
                slideCount = slideNumber - 1;
                add_remove_class();
            }
        }
        
    });
 
    //???? ?? ????, ???
    function add_remove_class(){ 
        slideDiv.removeClass("active");
        slideDiv.eq(slideCount).addClass("active");
    }
    
    
    //???? ???? ???? ????? ???
    slideArea.mousemove(function(event){
        
        //??????? offsetX, offsetY? ??? ??
        var firefoxCoordiX = event.pageX - $(event.target).offset().left;
        var firefoxCoordiY = event.pageY - $(event.target).offset().top;
        var coordiX = event.offsetX === undefined ? firefoxCoordiX : event.offsetX;
        var coordiY = event.offsetY === undefined ? firefoxCoordiY : event.offsetY;
        
        mouseImg.fadeIn("fast"); 
        mouseImg.css({"left" : coordiX, "top" : coordiY});
        
    });
		});
		
		$(function(){
			var idx=0;
			$('.prev').on('click',function(){
				if(idx<1){
					idx=4;
				}else{
					idx--;
				}
				$(".slidebox").eq(idx).addClass('active').siblings().removeClass('active');
				return false;
			});
			$('.next').bind('click',function(){
				if(idx>4){
					idx=0;
				}else{
					idx++;
				}
				$(".slidebox").eq(idx).addClass('active').siblings().removeClass('active');
				return false;
			});
		})