Showing source for: https://www.track4outdoors.com/
Duration: 0.182007s
Server: Microsoft-IIS/8.5
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Track4Outdoors</title>
<meta name="description" content="">
<meta name="keywords" content="" />
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link rel="stylesheet" href="/Content/styles/bootstrap.css">
<link rel="stylesheet" href="/Content/styles/waves.css">
<link rel="stylesheet" href="/Content/noty/animate.css">
<link rel="stylesheet" href="/Content/styles/style.css">
<link rel="stylesheet" href="/Content/css/theme-light-blue.css" />
<link rel="stylesheet" href="/Content/css/gm-style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="/noty?v=gemAZSEPtVSF08E0SZMKFnilyWbsKXd3TMM0P6bgqH41" rel="stylesheet"/>
<link href="/toastr?v=xd5H75TcCGsTMzynNsHBeKGy7bRfTQAeTK9HLxSSKBw1" rel="stylesheet"/>
<script src="/Scripts/charts/Chart.js"></script>
<script src="/bundles/jquery?v=hm2CCFzmZBzxjnPP4npLImuLcUI9OmNGheaSrIwZzvg1"></script>
</head>
<body class="theme-light-blue">
<style>
.navbar .navbar-toggle:before {
content: '';
font-family: 'Material Icons';
font-size: 32px;
position: absolute;
top: 0;
left: 0;
content: " ";
background-image: url(../../Content/images/menu-white.png);
background-size: 100% 100%;
width: 100%;
height: 150%;
margin: 14px 0;
float: left;
}
</style>
<div class="page-loader-wrapper">
<div class="loader">
<div class="preloader">
<div class="spinner-layer pl-light-blue">
<div class="circle-clipper left">
<div class="circle"></div>
</div>
<div class="circle-clipper right">
<div class="circle"></div>
</div>
</div>
</div>
<p>Please wait...</p>
</div>
</div>
<div class="overlay"></div>
<nav class="navbar">
<div class="container-fluid main-navigation">
<div class="navbar-header">
<a href="javascript:void(0);" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"></a>
<a href="javascript:void(0);" class="bars"></a>
<a class="navbar-brand" href="/">
<img src="/Content/images/track4_white_logo.png" class=""/>
</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="/">Hem</a>
</li>
<li>
<a href="/About">Om</a>
</li>
<li>
<a href="/Contact">Kontakt</a>
</li>
</ul>
<ul class="nav navbar-nav pull-right">
<li>
<input type="text" id="search-input" class="form-control search" placeholder="Vänligen skriv här"/>
</li>
<li>
<a href="https://www.instagram.com/track4outdoors/" target="_blank">
<div class="btn bg-pink btn-circle waves-effect waves-circle waves-float smaller-height m-l-10">
<i class="fa fa-instagram "></i>
</div>
</a>
</li>
<li>
<a href="https://www.facebook.com/track4outdoors?ref=aymt_homepage_panel" target="_blank">
<div class="btn bg-indigo btn-circle waves-effect waves-circle waves-float smaller-height">
<i class="fa fa-facebook"></i>
</div>
</a>
</li>
<li class="lang">
<a id="en" class="btn btn-lang" href="javascript:void(0)" onclick="changeCulture('en-US')">English</a>
</li>
<li class="lang">
<a id="se" class="btn btn-lang" href="javascript:void(0)" onclick="changeCulture('sv-SE')">Svenska</a>
</li>
<li class="lang">
<a id="de" class="btn btn-lang" href="javascript:void(0)" onclick="changeCulture('de-DE')">Deutsch</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="wrapper" id="cookie-info-container">
<p>Cookies "Kakor" gör att en webbplats kan hantera specifika funktioner såsom navigering, säkerhet etc. Normalt fungerar inte en webbplats optimalt om inte du accepterat att "kakor" får användas av din webb läsare.</p>
<button class="btn btn-primary" onclick="closeCookieInfoWindow()">OK</button>
</div>
<style type="text/css">
.wrapper {
margin: auto;
position: absolute;
top: 90%;
left: 25%;
display: none;
width: 50%;
height: 15%;
padding: 10px;
background: #ffffff;
z-index: 10;
border-style: solid;
border-color: #0084ff;
border-radius: 5px;
}
.wrapper button {
position: absolute;
right: 20px;
bottom: 50px;
}
@media only screen and (max-width: 1024px) {
#cookie-info-container {
display: none !important;
}
}
</style>
<section id="body-content" >
<div class="content-wrapper">
<link href="/customscroller?v=rvxyjIX3LZQRUK3XTvPqpBtceL1GFvQLgUrenDz6apY1" rel="stylesheet"/>
<section id="side-menu-wrap"></section>
<aside id="rightsidebar" class="right-sidebar open" >
<a class="colapse-side-menu waves-effect waves-block" id="sideMenuBtn" onclick="toggleBtn()"></a>
<ul class="nav nav-tabs tab-nav-right" role="tablist">
<li role="presentation"><a href="#trailslist" data-toggle="tab" onclick="tabClicked(this)">Spår</a></li>
<li role="presentation" class="active"><a href="#resortslist" data-toggle="tab" onclick="tabClicked(this)">Anläggning</a></li>
<li role="presentation"><a href="#eventslist" data-toggle="tab" onclick="tabClicked(this)">Händelser</a></li>
<li role="presentation"><a href="#notificationlist" data-toggle="tab" onclick="tabClicked(this)">Notifieringar</a></li>
</ul>
<div class="tab-content " id="tab-content-id">
<div role="tabpanel" class="tab-pane fade in" id="trailslist">
<ul class="trails" id="trails-list">
</ul>
</div>
<div role="tabpanel" class="tab-pane fade in active" id="resortslist">
<ul class="settings" id="resorts-list">
</ul>
</div>
<div role="tabpanel" class="tab-pane fade in active" id="eventslist">
<ul class="settings" id="events-list">
</ul>
</div>
<div role="tabpanel" class="tab-pane fade in active" id="notificationlist">
<ul class="notification" id="notification-list">
</ul>
</div>
</div>
</aside>
<section class="content" id="resizeOnStart" >
<div id="story-view-wrap">
<div id="gallery-view">
<div class="owl-carousel owl-theme">
<div class="item" style="background-image: url(/Content/img/slider/home1.jpg);"></div>
<div class="item" style="background-image: url(/Content/img/slider/home2.jpg);"></div>
<div class="item" style="background-image: url(/Content/img/slider/home3.jpg);"></div>
<div class="item" style="background-image: url(/Content/img/slider/home4.jpg);"></div>
</div>
<div class="slogan">
<p class="col-white">Track4Outdoors levererar information från de människor som har bäst kunskap. De är experterna som varje dag, arbetar med att just du skall få vara med om din bästa upplevelse/besök. Allt för dig, i realtid. </p>
<h1 class="col-white">Track4 Outdoors<br>Din expertguide alltid nära till hands!</h1>
<div class="">
<a href="http://track4labs.com/become-a-user/" class="btn btn-default">Bli en partner till Track4</a>
</div>
</div>
</div>
<div id="map-view" class="hide-map" style="height: calc(100vh - 140px); width: calc(100vw - 0px);"></div>
<div class="search-filter">
<button id="switch-to-map-btn" class="btn btn-default p-l-5 p-r-5 p-b-10 p-t-10" onclick="switchToViewMap()"><span class="world"></span></button>
<button id="switch-to-gallery-btn"
class="btn btn-default p-l-5 p-r-5 p-b-10 p-t-10"
style="display: none" onclick="switchToViewGallery()">
<span class="gallery"></span>
</button>
</div>
</div>
</section>
</div>
<div class="download-app">
<div>
<p class="col-grey">Bäste besökare, Vänligen ladda ner vår app från Google Play eller App Store som vi skapat för att kunna hantera mobila enheter. Sök på namnet Track4 Outdoors. Mvh Track4 Labs AB</p>
<div class="row">
<div class="col-xs-6 col-sm-5">
<a href="#">
<img src="/Content/images/apple-app-store.png" class="img-width" />
</a>
</div>
<div class="col-xs-6 col-sm-5">
<a href="#">
<img src="/Content/images/android-app-store.png" class="img-width" />
</a>
</div>
</div>
</div>
</div>
</section>
<script src="/bundles/bootstrap?v=V-SZ9UcVZ99zeV8mrY6lCuxu9V3RdmcCoTaXhIcc9Go1"></script>
<script src="/bundles/toastr?v=isqknWibcsbt9ij4Fzo-bXiLWJwY4POVSJz8AkPESVA1"></script>
<script src="/bundles/track4-2015?v=CNj5T14QBOkqHVKwQetCpU9HT4bxZK_ZahgCxrr1TLw1"></script>
<script src="/bundles/customscroller?v=Ehemc1A-438qtBwjYC0jtC5HLX6NfK2hdUWrRG3k0pA1"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?language=sv&key=AIzaSyAPUaWFh_lifm38BcfofJIQVDG0QOouGm4"></script>
<script type="text/javascript" src="/Scripts/customjs/infobox.js"></script>
<script src="/Scripts/map/map.helper.js"></script>
<script type="text/javascript">
var isResortSearch = false;
var country = 'Sweden';
var geocoder = new google.maps.Geocoder();
var mapOptions = {
//center: latLng,
zoom: 14, //7 //14
minZoom: 3,
disableDefaultUI: false,
mapTypeControl: false,
streetViewControl: false,
rotateControl: false,
scaleControl: false,
fullscreenControl: false,
zoomControl: true,
zoomControlOptions: {
position: google.maps.ControlPosition.LEFT_CENTER
}
};
var map = new google.maps.Map(document.getElementById("map-view"), mapOptions);
// Carousel width hack
var mainCont = $('#resizeOnStart');
var loadingTrails = false;
function landingPageInit() {
mainCont.css({
width: '100%'
});
setTimeout(function() {
mainCont.css({
width: 'auto'
});
},
500);
}
$(document).ready(function() {
landingPageInit();
window.onscroll = function() {
window.scrollTo(0, 0);
};
});
$(window).resize(function() {
landingPageInit();
});
// Checkpoint close button - not working
var gmInfobox = $('.gm-infobox-wrap');
var searchInput,
searchMenu,
pageNumber = 0;
var typingTimer; //timer identifier
var doneTypingInterval = 1000; //time in ms, 2 second for example
var storeResortId;
var getResortId = localStorage.getItem('clickedResort');
$(document).ready(function() {
if (0 == undefined || 0 == 0) {
getSideMenu();
showResortsLocations(true);
eventList();
notificationList();
//focusMap();
switchToViewMap();
initializeCarousel();
} else {
getSideMenu();
}
});
function initializeCarousel() {
$(".owl-carousel").owlCarousel({
animateOut: 'fadeOut',
animateIn: 'fadeIn',
items: 1,
dots: true,
loop: true,
autoplay: true,
smartSpeed: 450
});
}
function switchToViewMap() {
$("#map-view").removeClass("hide-map");
$("#switch-to-gallery-btn").show();
$("#gallery-view").hide();
$("#switch-to-map-btn").hide();
}
function switchToViewGallery() {
$("#gallery-view").show();
$("#switch-to-map-btn").show();
$("#map-view").addClass("hide-map");
$("#switch-to-gallery-btn").hide();
}
function initializeMap() {
map = new google.maps.Map(document.getElementById("map-view"), mapOptions);
}
function showResortsLocations(fitBoundsAndFocusMap,searchCriteria='') {
$.ajax({
url: '/Home/GetResortsLocations',
type: "GET",
data: {
activities: searchMenu,
searchCriteria: searchCriteria
},
traditional: true,
contentType: "json",
success: function(result) {
if (result !== null) {
for (var i = 0; i < result.length; i++) {
drawMarkerPoi(result[i]);
}
//trigger on initial load
if (fitBoundsAndFocusMap) {
FitBounds();
focusMap();
}
//triger when user search for resorts
else {
//focus map on first found resort
if (resortMarkers.length>0)
map.setCenter(new google.maps.LatLng(resortMarkers[0].getPosition().lat(), resortMarkers[0].getPosition().lng())); }
}
},
error: function(result) {
closeLoading();
}
});
}
var resortMarkers = [];
var infowindow = new google.maps.InfoWindow();
var backofficeUrl = 'https://backoffice.track4outdoors.com/';
function drawMarkerPoi(poi) {
var iconPath = '/Upload/CommonIcons/mdpi/resort.png';
var marker = createMarkerOnMap(poi, iconPath);
resortMarkers.push(marker);
infoWindow(marker, poi, "/Home/GetResortInfo");
}
function FitBounds() {
var markerBounds = new google.maps.LatLngBounds();
for (var i = 0; i < resortMarkers.length; i++) {
markerBounds.extend(resortMarkers[i].position);
}
map.fitBounds(markerBounds);
}
function focusMap() {
geocoder.geocode({ 'address': country },
function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
}
});
map.zoom = 7;
}
function convertImgToSvg() {
var elements = jQuery('.svg');
elements.each(function(index, value) {
if (index > 0 && value.isEqualNode(elements[index--])) return true;
var $img = jQuery(this);
var imgId = $img.attr('id');
var imgData = $img.attr('data-color');
var imgClass = $img.attr('class');
var imgUrl = $img.attr('src');
jQuery.get(imgUrl,
function(data) {
// Get the SVG tag, ignore the rest
var $svg = jQuery(data).find('svg');
// Add replaced image's ID to the new SVG
if (typeof imgId !== 'undefined') {
$svg = $svg.attr('id', imgId);
}
// Add replaced image's classes to the new SVG
if (typeof imgClass !== 'undefined') {
$svg = $svg.attr('class', imgClass + ' replaced-svg');
}
if (imgData) {
$svg.find('.st0').css({ fill: imgData });
}
// Remove any invalid XML tags as per http://validator.w3.org
$svg = $svg.removeAttr('xmlns:a');
// Replace image with new SVG
$img.replaceWith($svg);
},
'xml');
});
}
function onResortClick() {
var filterValue = $(this).data('filter'),
parent = $(this).parent(),
allFilters = $('#submenu ul li'),
activeClass = 'active',
getAll = allFilters.find('a[data-filter="all"]').parent();
//if ALL is selected deselect other
if (filterValue == 'all') {
allFilters.each(function() {
$(this).removeClass(activeClass);
});
parent.addClass(activeClass);
}
// if other is selected deselect ALL
else {
if (parent.hasClass(activeClass)) {
parent.removeClass(activeClass);
} else {
parent.addClass(activeClass);
}
getAll.removeClass(activeClass);
}
// if all deselected
if (!allFilters.hasClass(activeClass)) {
getAll.addClass(activeClass);
}
// prepare array for search
var array = [];
allFilters.each(function() {
if ($(this).hasClass(activeClass)) {
var dataValue = $(this).children().data('filter').split('-').pop();
array.push(dataValue);
}
});
searchMenu = array;
if (searchMenu.length === 1 && searchMenu[0] == 'all') {
searchMenu = undefined;
}
searchCriteria();
initializeMap();
showResortsLocations(true);
//focusMap();
}
$(document).on('click',
'#submenu ul li a',
function() {
//onResortClick();
var filterValue = $(this).data('filter'),
parent = $(this).parent(),
allFilters = $('#submenu ul li'),
activeClass = 'active',
getAll = allFilters.find('a[data-filter="all"]').parent();
//if ALL is selected deselect other
if (filterValue == 'all') {
allFilters.each(function() {
$(this).removeClass(activeClass);
});
parent.addClass(activeClass);
}
// if other is selected deselect ALL
else {
if (parent.hasClass(activeClass)) {
parent.removeClass(activeClass);
} else {
parent.addClass(activeClass);
}
getAll.removeClass(activeClass);
}
// if all deselected
if (!allFilters.hasClass(activeClass)) {
getAll.addClass(activeClass);
}
// prepare array for search
var array = [];
allFilters.each(function() {
if ($(this).hasClass(activeClass)) {
var dataValue = $(this).children().data('filter').split('-').pop();
array.push(dataValue);
}
});
searchMenu = array;
if (searchMenu.length === 1 && searchMenu[0] == 'all') {
searchMenu = undefined;
}
searchCriteria();
initializeMap();
showResortsLocations(true);
});
$('.search').bind('input propertychange paste',
function() {
// define value
searchInput = $(this).val();
//clear timeout
clearTimeout(typingTimer);
typingTimer = setTimeout(searchCriteria, doneTypingInterval);
});
function searchCriteria() {
var isResortsOpened = $('body').hasClass("open");
// for ajax call search
$.ajax({
type: 'GET',
url: '/GetSideMenuSearch',
dataType: 'json',
traditional: true,
data: {
searchInput: $("#search-input").val(),
searchMenu: searchMenu,
resortId: 0,
isResortsOpened: isResortsOpened
},
success: function(result) {
if (result !== null) {
pageNumber = 0;
if (isResortsOpened) {
$('ul#trails-list').html(result.trailsView);
$('ul#trails-list2').html(result.trailsView);
}
$('ul#resorts-list').html(result.resortView);
if (resortMarkers.length > 0) {
for (var i = 0; i < resortMarkers.length; i++) {
resortMarkers[i].setMap(null);
}
}
resortMarkers = [];
showResortsLocations(false, searchInput);
convertImgToSvg();
pageNumber++;
} else {
console.log('Error getting data.');
}
},
error: function() {
console.log('Error getting data.');
}
});
}
function viewStory(resortId) {
//storeResortId = localStorage.setItem('clickedResort', resortId);
$.ajax({
url: '/GetResortView',
type: "GET",
data: { resortId: resortId },
contentType: "html",
success: function(result) {
$("#story-view-wrap").html(result);
//console.log(getResortId)
}
});
}
function trailStory(trailId, customerId) {
$.ajax({
url: '/GetTrailView',
type: "GET",
data: { trailId: trailId, customerId: customerId },
contentType: "html",
success: function(result) {
$("#story-view-wrap").html(result);
}
});
}
function customhorizontalScroll() {
$("#submenu").mCustomScrollbar({
setWidth: "100%",
axis: "x",
scrollbarPosition: "inside",
scrollInertia: 950,
autoDraggerLength: false,
autoHideScrollbar: false,
autoExpandScrollbar: false,
alwaysShowScrollbar: 0,
snapAmount: null,
snapOffset: 0,
mouseWheel: {
enable: true,
scrollAmount: "500",
axis: "y",
preventDefault: true
}
});
}
function customScroll() {
$('#resortslist').mCustomScrollbar({
axis: "y",
scrollbarPosition: "inside",
autoDraggerLength: true,
autoHideScrollbar: true,
autoExpandScrollbar: false,
mouseWheel: {
enable: true,
scrollAmount: "150",
axis: "y",
preventDefault: true
},
keyboard: {
enable: true,
scrollType: "stepless",
scrollAmount: "auto"
},
contentTouchScroll: 15,
theme: "dark"
});
$('#trailslist').mCustomScrollbar({
axis: "y",
scrollbarPosition: "inside",
autoDraggerLength: true,
autoHideScrollbar: true,
autoExpandScrollbar: false,
mouseWheel: {
enable: true,
scrollAmount: "150",
axis: "y",
preventDefault: true,
normalizeDelta: true
},
keyboard: {
enable: true,
scrollType: "stepless",
scrollAmount: "auto"
},
callbacks: {
onScroll: function() {
},
//onTotalScrollOffset: 50,
//onTotalScroll: function () {
// //$("#append_me").append("<div><h1>INFINITE</h1><p>TEXT</p><p>TEXT</p><p>TEXT</p><p>TEXT</p><p>TEXT</p><p>TEXT</p></div>");
// //$(".content").mCustomScrollbar('update');
// trailsList();
//},
whileScrolling: function() {
//console.log(this.mcs.topPct);
if (this.mcs.topPct > 75 && loadingTrails === false) {
loadingTrails = true;
trailsList();
}
}
},
contentTouchScroll: 15,
theme: "dark"
});
$('#eventslist').mCustomScrollbar({
axis: "y",
scrollbarPosition: "inside",
autoDraggerLength: true,
autoHideScrollbar: true,
autoExpandScrollbar: false,
mouseWheel: {
enable: true,
scrollAmount: "150",
axis: "y",
preventDefault: true
},
keyboard: {
enable: true,
scrollType: "stepless",
scrollAmount: "auto"
},
contentTouchScroll: 15,
theme: "dark"
});
$('#notificationlist').mCustomScrollbar({
axis: "y",
scrollbarPosition: "inside",
autoDraggerLength: true,
autoHideScrollbar: true,
autoExpandScrollbar: false,
mouseWheel: {
enable: true,
scrollAmount: "150",
axis: "y",
preventDefault: true
},
keyboard: {
enable: true,
scrollType: "stepless",
scrollAmount: "auto"
},
contentTouchScroll: 15,
theme: "dark"
});
$('.event-wrapper .modal-content').mCustomScrollbar({
axis: "y",
scrollbarPosition: "inside",
autoDraggerLength: true,
autoHideScrollbar: true,
autoExpandScrollbar: false,
mouseWheel: {
enable: true,
scrollAmount: "150",
axis: "y",
preventDefault: true
},
keyboard: {
enable: true,
scrollType: "stepless",
scrollAmount: "auto"
},
contentTouchScroll: 15,
theme: "dark"
});
}
function trailsList() {
$.ajax({
url: '/GetSideMenuTrails',
traditional: true,
type: 'GET',
data: {
page: pageNumber,
searchInput: searchInput,
searchMenu: searchMenu
},
contentType: "html",
success: function(result) {
$('ul#trails-list').append(result);
pageNumber++;
convertImgToSvg();
loadingTrails = false;
}
});
}
function eventList() {
$.ajax({
url: '/GetSideMenuEvents',
traditional: true,
type: 'GET',
data: {
page: pageNumber,
searchInput: searchInput,
searchMenu: searchMenu
},
contentType: "html",
success: function(result) {
$('ul#events-list').html(result);
pageNumber++;
//convertImgToSvg();
loadingTrails = false;
}
});
}
function notificationList() {
$.ajax({
url: '/GetSideMenuPoiNotifications',
traditional: true,
type: 'GET',
data: {
page: pageNumber,
searchInput: searchInput,
searchMenu: searchMenu
},
contentType: "html",
success: function(result) {
$('ul#notification-list').html(result);
pageNumber++;
convertImgToSvg();
loadingTrails = false;
}
});
}
if (0 != null && 0 != 0) {
setTimeout(function() {
viewStory(0);
toggleBtn();
},
50);
}
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var loc = window.location.href.toLowerCase();
if (!navigator.cookieEnabled || isNullOrEmpty($.cookie("UserId"))) {
$('#cookie-info-container').toggle();
}
});
function closeCookieInfoWindow() {
$('#cookie-info-container').fadeOut();
}
// Initialize map on side menu click
function mapInitOnClick() {
if ($('.owl-carousel').hasClass('owl-hidden')) {
$('.ticket div:first-child .left-view').css({
opacity: '0'
});
setTimeout(function () {
initializeMap();
$('.ticket div:first-child .left-view').css({
opacity: '1'
});
}, 300);
} else {
setTimeout(function () {
initializeMap();
}, 300);
}
}
// Remove filter section by selecting a resort / trial
function filterCollapse() {
setTimeout(function () {
$('nav.subcategory').addClass('collapse');
$('.right-sidebar').css({
top: '70px',
height: 'calc(100vh - 70px)'
});
$('section.content').css({
transform: 'translateY(-70px)'
});
$('.trail-map-inner').css({
height: 'calc(100vh - 70px)'
});
$('.ticket .info').css({
height: 'calc(100vh - 70px)'
});
$('.right-sidebar .nav-tabs + .tab-content').css({
height: 'calc(100vh - 110px)'
});
}, 500);
}
function loginCallback(returnUrl) {
if (returnUrl) {
window.location.href = returnUrl;
}
}
function toggleBtn() {
$('body').toggleClass("open");
//this is fix for owl-carousel slider plugin
window.dispatchEvent(new Event('resize'));
moveTrailGraphWindow();
moveMapControl($('#map-filter-box').is(':visible'), true);
}
function hideSearch() {
$('#search-input').hide();
}
function moveMapControl(isFilterVisible, isDelayOn) {
var interval = isDelayOn ? 1000 : 0;
setTimeout(function () {
var gmnoprint = $('.gmnoprint');
if (isFilterVisible) {
gmnoprint.css({
'left': '300px'
});
} else {
gmnoprint.css({
'left': '0'
});
}
}, interval);
}
function moveTrailGraphWindow() {
var filterMenu = $('#map-filter-box');
var isFilterVisible = filterMenu.is(':visible');
var isResortsOpened = $('body').hasClass("open");
if (!isResortsOpened) {
$('#search-input').attr('placeholder','Vänligen skriv här');
}
else {
$('#search-input').attr('placeholder', 'Sök spår/leder');
}
if (!isFilterVisible) {
$('.trail-info-window-graph').css({
'left': '5%'
});
} else {
var leftWidth = isResortsOpened ? '25%' : '32%';
$('.trail-info-window-graph').css({
'left': leftWidth
});
}
}
function changeCulture(languageCode) {
var trailMode = $("#trail-mode").attr("data-id");
var returnUrl = '/';
var url = "/Home/ChangeCulture?languageCode=" +
languageCode +
"&returnUrl=" +
returnUrl +
"&trailMode=" +
trailMode;
location.href = url;
}
function getSideMenu() {
$.ajax({
url: '/GetSideMenu',
type: "GET",
contentType: "html",
success: function (result) {
$("#side-menu-wrap").html(result);
//customScroll();
customhorizontalScroll();
}
});
}
jQuery.fn.center = function () {
this.css("position", "absolute");
//this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) +
// $(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) +
$(window).scrollLeft()) + "px");
return this;
};
$('a.event-new').click(function () {
$('.modal-dialog').center();
});
function bannerMainClick(link) {
window.open(link, '_blank');
$.fancybox.close();
}
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] ||
function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-63370578-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="/Scripts/remodal/remodal.min.js"></script>
<script type="text/javascript" src="/Scripts/fancybox/jquery.fancybox.js"></script>
</body>
</html>