jQuery(document).ready(function(){

	// superfish
	//////////////////////////////////////////////////
	jQuery('.sf-menu').superfish({
		autoArrows:		false,
		cssArrows:		false,
		speed:			'fast',
		speedOut:		'fast',   
	});

	// lightbox = fancybox 3
	//////////////////////////////////////////////////
	if ($('[data-fancybox]').length) {
		$("[data-fancybox]").fancybox({
			buttons : [
				'slideShow',
				'fullScreen',
				'thumbs',
				'download',
				'close'
			],
		});
	}

	// header: fixed navbar if scrolled
	/////////////////////////////////////////////////////////////////
	if (Modernizr.mq('(min-width: 960px)')) {
		$(window).scroll(function(){
		    if ($(window).scrollTop() >= 200) {
		        $('.scrollnav').addClass('scrolled');
		    }
		    else {
		        $('.scrollnav').removeClass('scrolled');
		    }
		});
	}

	// jump button startpage
	//////////////////////////////////////////////////
	var jump_down = ['<a href="#jump_target" class="jump_but" title="scroll down"><svg enable-background="new 0 0 24 24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="st0" d="m2.8 4.6 9.2 9.2 9.2-9.2 2.8 2.8-12 12-12-12z"/><path d="m0 0h24v24h-24z" fill="none"/></svg></a>'].join("");
	if ($('#swiss_map').length) {
		$('#swiss_map').append(jump_down)
		$(function () {
			$(window).scroll(function () {
				if ($(this).scrollTop() > 100) {
					$('.jump_but').hide();
				} else {
					$('.jump_but').show();
				}
			});
			$('.jump_but').click(function() {
		    	$('html, body').animate({
		        	scrollTop: $('#jump_target').offset().top
		    	}, 500);
			});
		});
	}

	// CE accordion
	// https://blog.kulturbanause.de/2011/11/elemente-mit-jquery-auf-und-zufahren-lassen-slide-toggle-und-parallel-das-icon-austauschen/
	//////////////////////////////////////////////////	
	$('dl.grid_accordion dt').click(function(){
		$(this).toggleClass('open');
		$(this).next('dd').slideToggle('fast');
		$(this).find('h3').children('svg').toggleClass('closed open');
	});

	// CE slider
	//////////////////////////////////////////////////	
	if ($('.owl-carousel').length) {
		$('.owl-carousel').owlCarousel({
		    loop:true,
		    items:1,
		    margin:0,
		    autoplay:true,
		    autoplayHoverPause:true,
		    autoplayTimeout:4000		    
		})
	}

	// fahrplan select menus
	//////////////////////////////////////////////////
	if ($('#fahrplanBtnOrder').length) {
		var fahrplanBtnOrder = document.getElementById("fahrplanBtnOrder");
		var fahrplanDropdownOrder = document.getElementById("fahrplanDropdownOrder");
		fahrplanBtnOrder.onclick = function() {
			window.open(fahrplanDropdownOrder.value,'_blank');
		}
	}
	if ($('#fahrplanBtnOrder2').length) {
		var fahrplanBtnOrder2 = document.getElementById("fahrplanBtnOrder2");
		var fahrplanDropdownOrder2 = document.getElementById("fahrplanDropdownOrder2");
		fahrplanBtnOrder2.onclick = function() {
			window.open(fahrplanDropdownOrder2.value,'_blank');
		}
	}
	if ($('#fahrplanBtnOrder3').length) {
		var fahrplanBtnOrder3 = document.getElementById("fahrplanBtnOrder3");
		var fahrplanDropdownOrder3 = document.getElementById("fahrplanDropdownOrder3");
		fahrplanBtnOrder3.onclick = function() {
			window.open(fahrplanDropdownOrder3.value,'_blank');
		}
	}

	// mmenu offcanvas nav
	//////////////////////////////////////////////////
	var $menu = $("#nav_mobile_menu").mmenu({
		"extensions": [
		  "theme-white",
		  "pagedim-black",
		  "position-right"
		],	
		navbar: {
			title: 'Bus alpin'
		},
		offCanvas: {
			pageSelector: "#container"
		}
	});

	// open/close hamburger icon
	//////////////////////////////////////////////////
	var $icon = $("#nav_mobile_button a");
	var API = $menu.data( "mmenu" );
	$icon.on( "click", function() {
	   API.open();
	});
	API.bind( "open:finish", function() {
	   setTimeout(function() {
	      $icon.addClass( "open" );
	   }, 100);
	});
	API.bind( "close:finish", function() {
	   setTimeout(function() {
	      $icon.removeClass( "open" );
	   }, 100);
	});			
	
});