var _____WB$wombat$assign$function_____=function(name){return (self._wb_wombat && self._wb_wombat.local_init && self._wb_wombat.local_init(name))||self[name];};if(!self.__WB_pmw){self.__WB_pmw=function(obj){this.__WB_source=obj;return this;}}{
let window = _____WB$wombat$assign$function_____("window");
let self = _____WB$wombat$assign$function_____("self");
let document = _____WB$wombat$assign$function_____("document");
let location = _____WB$wombat$assign$function_____("location");
let top = _____WB$wombat$assign$function_____("top");
let parent = _____WB$wombat$assign$function_____("parent");
let frames = _____WB$wombat$assign$function_____("frames");
let opens = _____WB$wombat$assign$function_____("opens");
(function ( $ ) {
var default_options = {
align : "right",
scroll_speed : 1000,
dot_size: 10,
dot_style: "circle",
dot_color: "#fff",
nav_color: "#666"
}
$.fn.verticalDotNav = function(options) {
$.extend(default_options, options);
var nav_height,
nav_pos_top,
jq_dots,
jq_nav,
nav_styles = {},
assignStyles,
nav = "
",
dot_styles = {},
sections_arr = [],
window_height = $(window).height(),
click_scroll = false;
this.each(function(index) {
var container = $(this),
container_offset = container.offset().top;
sections_arr.push({
name : "section-" + index,
offset : container_offset,
ref : container
});
nav += "";
});
nav += "
";
$("body").append(nav);
jq_nav = $(".vertical-dot-nav"),
jq_dots = $(".vertical-dot-nav .dot");
nav_height = jq_nav.height();
nav_pos_top = (window_height/2) - (nav_height/2);
dot_styles["width"] = default_options.dot_size + "px";
dot_styles["height"] = dot_styles["width"];
dot_styles["border-color"] = default_options.dot_color;
dot_styles["border-radius"] = default_options.dot_style === "circle" ? "50%" : "100%";
nav_styles["top"] = nav_pos_top + "px";
nav_styles["background-color"] = default_options.nav_color;
nav_styles["left"] = default_options.align === "left" ? 0 : "auto";
nav_styles["right"] = default_options.align === "right" ? 0 : "auto";
nav_styles["border-radius"] = default_options.align === "left" ? "0 10px 10px 0" : "10px 0 0 10px";
jq_dots.css(dot_styles);
jq_nav.css(nav_styles);
assignStyles = function(target) {
jq_dots.removeClass("active");
jq_dots.css("background-color", "transparent");
target.addClass("active");
target.css("background-color", default_options.dot_color);
}
jq_dots.each(function(index){
$(this).on("mouseover", function(){
$(this).css("background-color", default_options.dot_color);
}).on("mouseout", function(){
if($(this).hasClass("active") === false){
$(this).css("background-color", "transparent");
}
})
$(this).on("click", function(){
var target_section = sections_arr[index].offset;
var target = $(this);
click_scroll = true;
assignStyles(target);
$('html,body').animate({
scrollTop: target_section + 1
}, default_options.scroll_speed);
setTimeout(function(){
click_scroll = false;
}, default_options.scroll_speed);
})
})
var checkScrollPos = function() {
var scroll_pos = $(window).scrollTop();
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
target_dot = $(".vertical-dot-nav .dot[data-target='"+sections_arr[sections_arr.length - 1].name+"']");
assignStyles(target_dot);
} else {
for(var i=sections_arr.length - 1; i > -1; i--){
if(sections_arr[i].offset <= scroll_pos) {
target_dot = $(".vertical-dot-nav .dot[data-target='"+sections_arr[i].name+"']");
assignStyles(target_dot);
return;
}
}
}
}
$(window).resize(function(){
window_height = $(window).height();
jq_nav.css("top", (window_height/2) - (nav_height/2));
for(var i=0;i