/* **************************************************************************************
* 스킨 사용자/제작자 JS
************************************************************************************** */
$(window).on('load', function() {
    if($(".viewOption").length > 0) {
		var $viewOption = $(".viewOption");
		var viewOptionHeight = $viewOption.innerHeight();
		var viewContentArea = $(".viewContent").outerHeight() + $viewOption.offset().top;
		var viewOptionLeft = '';
		var sidebarOffset = $viewOption.offset();
		function viewOptionSticky(){
			if ($(window).scrollTop()+70 > sidebarOffset.top) {
				$viewOption.addClass("fixed");
				if($(window).width() < 1280) {
					viewOptionLeft = $(".viewOptionSide").offset().left - $(window).scrollLeft();
				}else{
					viewOptionLeft = '';
				}
				if ($(window).scrollTop() + viewOptionHeight > viewContentArea) {
					$viewOption.css({"top" : -($(window).scrollTop() + viewOptionHeight - viewContentArea), "left" : viewOptionLeft});
				} else {
					$viewOption.css({"top" : 70, "left" : viewOptionLeft});
				}
			} else {
				$viewOption.removeClass("fixed");
				$viewOption.attr('style', '');
			}
		}
		$(window).scroll(function() {
			viewOptionSticky();
		});
		$(window).resize(function() {
			viewOptionSticky();
		});
		viewOptionSticky();
    }
});