(function($){
    $(function(){
		$('#content-wrap .content .block_list ul li a').click(
			function(event){
				event.preventDefault();
				event.stopPropagation();
				var href = $(this).attr('href');
				$('.block_img .block_img_in .block_scroll img').attr('src', href);
				$('#content-wrap .content .block_list ul li').removeClass('active');
				$(this).parent('li').addClass('active');
                conteinerTop = $(".block_img .block_img_in .block_scroll").offset().top;
                imgTop = $(".block_img .block_img_in .block_scroll img").offset().top;
                
                if(conteinerTop != imgTop){
                    $(".block_img .block_img_in .block_scroll img").css('top', 0)
                }
                
			}
		); 

        $(".block_img .block_img_in .block_scroll img").draggable({
            axis: 'y',
            drag: function(event, ui) {            
                conteinerTop = $(".block_img .block_img_in .block_scroll").offset().top;
                imgTop = $(".block_img .block_img_in .block_scroll img").offset().top;
                conteinerHeight = $(".block_img .block_img_in .block_scroll").offset().top + $(".block_img .block_img_in .block_scroll").height();
                imgHeight = $(".block_img .block_img_in .block_scroll img").offset().top + $(".block_img .block_img_in .block_scroll img").height();
                if(conteinerTop < imgTop){
                    $(".block_img .block_img_in .block_scroll img").css('top', 0);
                    event.preventDefault();
                    event.stopPropagation();
                }else if(conteinerHeight > imgHeight){
                    imgHeight = $(".block_img .block_img_in .block_scroll").height()-$(".block_img .block_img_in .block_scroll img").height();
                    $(".block_img .block_img_in .block_scroll img").css('top', imgHeight);
                    event.preventDefault();
                    event.stopPropagation();
                }
            }

        });
    });
})( jQuery );