").appendTo($wrapper);
var $image;
if (bannerImage.Url && bannerImage.Url.length > 0) {
$image = jQuery("![]()
", {
class: "rsImg rsImgBanner rsImgBannerHidden rsImgBannerLink",
src: strSrc,
alt: bannerImage.Title,
title: bannerImage.Title,
onclick: "mch.mchSlider.bannerclick('" + bannerImage.Url + "', '" + bannerImage.Target + "')"
});
} else {
$image = jQuery("![]()
", {
class: "rsImg rsImgBanner rsImgBannerHidden",
src: strSrc,
alt: bannerImage.Title,
title: bannerImage.Title
});
}
$image.appendTo($divBanner);
iCount = ++iCount;
}
});
return iCount;
}
prototype.bannerclick = function (strUrl, strTarget) {
if (strUrl && strUrl.length > 0) {
MCHWebtrekk.SendWebtrekkInfo('BannerClick', strUrl);
setTimeout(function () { //Warten bis Webtrekk gesendet
if (strTarget === "_blank") {
try { console.log("target:" + strTarget); window.open(strUrl, strTarget); }
catch (err) { document.location = strUrl; }
} else { document.location = strUrl; }
}, 500);
}
return true;
}
function onBreakpointPrepareBanner(context) {
context.BannerList.forEach(function (bannerData) {
var strSlector = "." + bannerData.cssClass;
var $slider = jQuery(strSlector).data('royalSlider');
if ($slider != null && typeof $slider == "object") {
$slider.destroy(); //aktiven Slider stoppen, zerstören und das HTML entfernen
}
jQuery(strSlector).remove();
if (renderBanner(context, bannerData)) {
eval("init" + bannerData.cssClass + "()");
SetBannerEvents(context, bannerData);
}
});
}
function SetBannerEvents(context, bannerData) {
var $slider = jQuery('.' + bannerData.cssClass);
var $sliderData = $slider.data("royalSlider");
if (typeof $sliderData != "object" || typeof $slider != "object" || $slider.length == 0) {
return;
}
////1. Slide einblenden //Bug im IE Slide werden auch im overflow ganz kurz angezeigt
$sliderData.slides[0].content.find(".rsImgBannerHidden").removeClass("rsImgBannerHidden");
////nächsten Slide bei Bedarf einblenden //Bug im IE Slide werden auch im overflow ganz kurz angezeigt
$sliderData.ev.on('rsBeforeAnimStart', function (e, slideObject) {
$sliderData.currSlide.holder.find(".rsImgBannerHidden").removeClass("rsImgBannerHidden");
});
}
//#endregion Banner
//#region Video und Helper
//Click auf Button Video starten
prototype.playclick = function (sliderId) {
try {
var objKeyVisualRotator = null;
if (this.KeyVisualRotatorList) {
this.KeyVisualRotatorList.forEach(function (obj) {
if (obj.cssClass && obj.cssClass === sliderId) {
objKeyVisualRotator = obj;
}
});
}
var $sliderData = jQuery('.' + sliderId).data("royalSlider");
var $holder = $sliderData.currSlide.holder;
if (typeof $holder == "object") {
ShowHtml5Video(this, objKeyVisualRotator, $sliderData, $holder, true);
}
}
catch (exept) { console.log("Error Slider playclick(): " + exept.message); }
return true;
}
function StopAndHideHtml5Video(objKeyVisualRotator, $holder) {
//console.log("HideVideo. " + $holder.find("div").attr("class"));
var video = $holder.find("video"); //Video-Tag
var html4Video = $holder.find(".rsHtml4Video");
var bVideoAutoplay = false;
if (video != null && video.length === 1) {
//console.log("PauseVideo : " + objKeyVisualRotator.Animation);
video[0].pause();
//video[0].currentTime = 0;
}
if (html4Video && html4Video.length === 1 && jQuery(html4Video).attr("data-autoplay") === "autoplay") {
bVideoAutoplay = true;
}
if (objKeyVisualRotator.Animation != "fade" || bVideoAutoplay == false) {
//console.log("RemoveVideo : " + objKeyVisualRotator.Animation);
$holder.find(".rsMainSlideImage").show();
$holder.find(".rsBtnCenterer").show();
$holder.find(".rsContentBox").show();
var video = $holder.find("video"); //Video-Tag
if (video != null && video.length === 1) {
video[0].pause();
video.hide();
video.remove();
//console.log("RemoveVideo" + video.html());
}
}
}
//bStart -> Video sofort starten
function ShowHtml5Video(context, objKeyVisualRotator, $sliderData, $holder, bStart) {
//console.log("ShowHtml5Video. " + $sliderData.currSlide.holder.find("div").attr("class"));
var html4Video = $holder.find(".rsHtml4Video");
var video = $holder.find("video");
//Video-Config ist vorhanden
if (html4Video && html4Video.length === 1) {
//Manuel Start mit Button-Click oder Video ist im autoplay
if (bStart || jQuery(html4Video).attr("data-autoplay") === "autoplay") { //Video autostart
//Videos im Breakpoint S nur bei PortletVideos starten
if (jQuery(html4Video).attr("data-type") === "VideoPortletSlider"
|| context === null || IsDeviceMobile(context) === false) {
if (video === null || video.length === 0) {
//noch kein Video-Tag vorhanden, ein neues erstellen
RenderVideoTag(context, objKeyVisualRotator, $sliderData, $holder, bStart, html4Video);
}
else {
//video[0].currentTime = 0;
video[0].play();
}
}
}
}
}
function RenderVideoTag(context, objKeyVisualRotator, $sliderData, $holder, bStart, html4Video) {
var strSupport = jQuery(html4Video).attr("data-error");
var strConf = " ";
//console.log("IS iOS: " + mch.mchSlider.IOS);
if ((jQuery(html4Video).attr("data-controls") === "controls") || mch.mchSlider.IOS) {
strConf = "controls ";
}
if (bStart) { //Ton ein wenn manuel Start mit Button
strConf += (jQuery(html4Video).attr("data-muted") === "muted") ? " muted " : "";
}
else { //Video immer ohne Ton -> preload Video//Video wird noch ausgeblendet
strConf += " muted style=\"display:none;\" ";
}
//loop=\"loop\"
html4Video.after("");
if (bStart) { //Click Button Start Bilder ausblenden -> Video läuft schon
$holder.find(".rsBtnCenterer").fadeOut(mch.mchSlider.FadeTime);
$holder.find(".rsMainSlideImage").fadeOut(mch.mchSlider.FadeTime);
$holder.find(".rsContentBox").fadeOut(mch.mchSlider.FadeTime);
var video = $holder.find("video"); //Video-Tag
video[0].addEventListener("ended", function () {
StartHtml5Video($sliderData, objKeyVisualRotator, video[0]);
});
}
else { //Autostart -> Video einblenden und auf Position 0 stellen
var iDelay = parseInt(jQuery(html4Video).attr("data-delayautoplay"));
if (iDelay === "NaN" || iDelay < 0) { iDelay = 0; }
setTimeout(function () {
var video = $holder.find("video"); //Video-Tag
if (video != null && video.length === 1) {
StartVideo(objKeyVisualRotator, $sliderData, $holder, html4Video, video);
}
}, iDelay);
}
}
function StartVideo(objKeyVisualRotator, $sliderData, $holder, html4Video, video) {
try {
if (video != null) {
var buffer = video[0].buffered;
if (buffer && buffer.length > 0 && buffer.end(0) > 0) {
//console.log("start video buffer: " + buffer.end(0));
$holder.find(".rsPreloader").remove();
$holder.find(".rsMainSlideImage").fadeOut(mch.mchSlider.VideoDelayAutoplayFadeTime);
$holder.find(".rsContentBox").fadeOut(mch.mchSlider.VideoDelayAutoplayFadeTime);
if (video[0].currentTime > 0) { video[0].currentTime = 0; } //Achtung IE
if (jQuery(html4Video).attr("data-muted") != "muted") {
video.prop("muted", false); //mute
}
video.fadeIn(mch.mchSlider.VideoDelayAutoplayFadeTime);
video[0].addEventListener("ended", function () {
StartHtml5Video($sliderData, objKeyVisualRotator, video[0]);
});
}
else {
html4Video.after("");
//console.log("wait video buffer. Type:" + typeof buffer); console.log("wait video buffer. length:" + typeof buffer.length);
setTimeout(StartVideo, 1000, objKeyVisualRotator, $sliderData, $holder, html4Video, video);
}
}
}
catch (exept) {
console.log("Error Slider StartVideo():" + exept.message);
}
};
function StartHtml5Video($sliderData, objKeyVisualRotator, video) {
if (video && typeof video === "object") {
if ($sliderData.numSlides === 1) {
video.currentTime = 0;
video.play();
}
else if ($sliderData.numSlides === $sliderData.currSlideId + 1) {
$sliderData.goTo(0)
}
else {
$sliderData.next();
}
}
}
function IsDeviceMobile(context) {
return (context.Device === EDevice.XS || context.Device === EDevice.S) ? true : false;
}
function getCurrentDevice() {
if (mch.currentDevice === "xs")
return EDevice.XS;
else if (mch.currentDevice === "s")
return EDevice.S;
else if (mch.currentDevice === "m")
return EDevice.M;
else
return EDevice.L;
}
function changeVideoImgUrl(context, strVideoItemId, strVideoUrl) {
if (strVideoItemId && strVideoUrl) {
if (strVideoUrl.match(/(\/\/youtu\.be\/)|(\/\/www\.youtube\.com\/watch)/)) {
var strVideoId = null;
var strYoutubeUrl = strVideoUrl.split(/(vi\/|v=|\/v\/|youtu\.be\/|\/embed\/)/);
if (strYoutubeUrl[2] !== undefined) {
var aryValue = strYoutubeUrl[2].split(/[^0-9a-z_]/i);
strVideoId = aryValue[0];
}
else {
strVideoId = strYoutubeUrl;
}
setVideoImg(strVideoItemId, strVideoUrl, "//i2.ytimg.com/vi/" + strVideoId + "/hqdefault.jpg");
}
else if (strVideoUrl.match(/.vimeo.com\/(\d+)($|\/)/)) {
var aryValue = strVideoUrl.split('/');
if (aryValue.length > 2) {
setVimeoImgUrl(context, strVideoItemId, strVideoUrl, strVideoUrl.split('/')[aryValue.length - 1]);
}
} else if (strVideoUrl.match(/.vimeo.com\/channels\/\d+/)) {
var aryValue = strVideoUrl.split('/');
if (aryValue.length > 3) {
setVimeoImgUrl(context, strVideoItemId, strVideoUrl, strVideoUrl.split('/')[aryValue.length - 1]);
}
} else if (strVideoUrl.match(/.vimeo.com\/channels\/staffpicks\/\d+/)) {
var aryValue = strVideoUrl.split('/');
if (aryValue.length > 4) {
setVimeoImgUrl(context, strVideoItemId, strVideoUrl, strVideoUrl.split('/')[aryValue.length - 1]);
}
}
}
}
function setVimeoImgUrl(context, strVideoItemId, strVideoUrl, strVideoId) {
if (strVideoId) {
var strUrl = "http://vimeo.com/api/v2/video/" + strVideoId + ".json?callback=?";
jQuery.getJSON(strUrl, {
format: "json"
}, function (data) {
})
.success(function (data, status, xmlHttp) {
setVideoImg(strVideoItemId, strVideoUrl, data[0].thumbnail_medium)
})
.error(function (xmlHttp, status, error) {
if (context.DebugMode) {
console.log("Error vimeo thumbnail: Status" + status + ",\n\nErrorText:\n\n " + xmlHttp.responseText);
}
})
.complete(function (xmlHttp, status) {
//alert(data[0].thumbnail_medium);
});
}
}
function setVideoImg(strVideoItemId, strVideoUrl, strImageUrl) {
jQuery("." + strVideoItemId).find("img").attr("src", strImageUrl);
}
//#endregion Video und Helper
})(mchSlider.prototype);
mch.addWidget(new mchSlider())
})(jQuery);
/* end widget mchSlider*/
/* start widget responsiveTables*/
(function ($) {
// object ctor
function responsiveTables(el, config) {
/* taken from zurb-foundation */
this.switched = false;
}
// declare methods
(function (prototype) {
// called by MCH on dom load
prototype.init = function () {
this.updateTables();
}
// called by MCH on resize
prototype.onResize = function () {
this.updateTables();
}
prototype.updateTables = function () {
if ((mch.currentDevice === "s" || mch.currentDevice === "m") && !this.switched) {
this.switched = true;
var context = this;
$("table.responsive").each(function (i, element) {
context.splitTable($(element));
});
return true;
}
else if (this.switched && !(mch.currentDevice === "s" || mch.currentDevice === "m")) {
this.switched = false;
var context = this;
$("table.responsive").each(function (i, element) {
context.unsplitTable($(element));
});
}
}
prototype.splitTable = function (original) {
original.wrap("");
var copy = original.clone();
copy.find("td:not(:first-child), th:not(:first-child)").css("display", "none");
copy.removeClass("responsive");
original.closest(".table-wrapper").append(copy);
copy.wrap("");
original.wrap("");
this.setCellHeights(original, copy);
}
prototype.unsplitTable = function (original) {
original.closest(".table-wrapper").find(".pinned").remove();
original.unwrap();
original.unwrap();
}
prototype.setCellHeights = function (original, copy) {
var tr = original.find('tr');
var tr_copy = copy.find('tr');
var heights = [];
tr.each(function (index) {
var self = $(this);
var tx = self.find('th, td');
tx.each(function () {
var height = $(this).outerHeight(true);
heights[index] = heights[index] || 0;
if (height > heights[index]) heights[index] = height;
});
});
tr_copy.each(function (index) {
$(this).height(heights[index]);
});
}
})(responsiveTables.prototype);
// no need to wrap inside dom load event
// since ctor does not access anything and
// we always will only have one instance
// wait for init event to setup everything
mch.addWidget(new responsiveTables())
})(jQuery);
/* end widget responsiveTables*/
/* start widget collapsible*/
(function ($) {
// object ctor
function collapsible(el, config) {
}
// declare methods
(function (prototype) {
// called by MCH on dom load
prototype.init = function () {
$(document).on("click", ".expand", function () {
$(this).nextAll(".expandablecontent").slideToggle();
return false;
});
$(document).on("click", ".switch > a", function () {
mch.util.log("click on switch");
if ($(this).is(".open")) {
mch.util.log("switch is .open => slideup all and removeclass open");
$(this).parent().parent().find(".expandablecontent").slideUp();
}
else {
mch.util.log("switch is NOT .open => slidedown all and addclass open");
$(this).parent().parent().find(".expandablecontent").slideDown();
}
return false;
});
}
})(collapsible.prototype);
// no need to wrap inside dom load event
// since ctor does not access anything and
// we always will only have one instance
// wait for init event to setup everything
mch.addWidget(new collapsible())
})(jQuery);
/* end widget collapsible*/
/* start widget mchAnythingSliderCollection */
(function (jQuery) {
// object ctor
function mchAnythingSliderCollection(el, config) {
this.sliders = [];
}
// declare methods
(function (prototype) {
// called by MCH on dom load
prototype.init = function () {
this.initMchAnythingSliderHelper();
// only init once
this.inited = true;
}
prototype.addSlider = function (anythingSlider) {
this.sliders.push(anythingSlider);
// trigger init for late widgets
if (this.inited)
this.initMchAnythingSliderHelper();
}
prototype.initMchAnythingSliderHelper = function () {
if (this.sliders.length == 0) {
return;
}
if (typeof mchAnythingSliderHelper != 'object') {
jQuery.getLocalScript('/Sites/javascripts/Common/mchAnythingSlider.js', function () {
mch.mchAnythingSliderHelper.initAnythingSliders();
});
}
else {
mch.mchAnythingSliderHelper.initAnythingSliders();
}
}
})(mchAnythingSliderCollection.prototype);
// no need to wrap inside dom load event
// since ctor does not access anything and
// we always will only have one instance
// wait for init event to setup everything
mch.addWidget(new mchAnythingSliderCollection())
})(jQuery);
/* end widget mchAnythingSliderCollection*/
/* start widget menu*/
(function ($) {
// object ctor
function menu(el, config) {
this.isMobileIos = false;
this.firstLevelMenuItems = null;
this.menuItems = null;
this.activeMenuItem = null;
this.closeButton = null;
this.activeMobileMenuItem = null;
this.mobileMenuWasOpen = false;
this.isMobileInitialized = false;
this.currentDevice = "xl";
this.oldDevice = "xl";
this.mobileNavOffsetTop = 0;
// dom node
this.$el = $(el);
// extend default config
this.config = $.extend(true, {
default: 'option'
}, config);
}
// declare methods
(function (prototype) {
// called by MCH on dom load
prototype.init = function () {
var context = this;
this.isMobileIos = this.isIos();
//Get all firstlevel items.
this.firstLevelMenuItems = $(".main-nav > ul > li");
//Get all firstlevel items that haven't a fly_no_submenu class.
this.menuItems = this.firstLevelMenuItems.not(".fly_no_submenu");
this.menuItems.each(function () {
var $menuItem = $(this);
$menuItem.bind((context.isMobileIos) ? "touchstart" : "click", function (event) {
//if another menu is expanded
if (context.activeMenuItem != null) {
context.close();
}
//add the css class "open" to the clicked firstlevel item
$menuItem.addClass("open");
$(".close", this).unbind((context.isMobileIos) ? "touchstart" : "click");
//unbind the document click event that was resgistered at the end of the function
$(document).unbind((context.isMobileIos) ? "touchstart" : "click");
//Check if the submenu is available
if (context.hasSubmenu(this) == false) {
//if not..., get it
context.loadSubmenu(this);
return false;
};
//show the menu
context.activeMenuItem = $("ul", this).show();
//close at fly_closenav click
$(".close", this).bind((context.isMobileIos) ? "touchstart" : "click", function (event) {
context.close();
return false;
});
//close at document click
$(document).one((context.isMobileIos) ? "touchstart" : "click", function (event) {
if (event.button == 'undefined' || event.button != 2) {
context.close();
return false;
}
});
//Exit at keycode 27
$(document).keydown(function (e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 27) {
context.close();
event.stopPropagation();
}
});
event.stopPropagation();
});
});
// init mobile nav if needed
this.currentDevice = mch.currentDevice;
}
//A ngn extension. Selects and highlights the "FirstLevel" navigation item.
prototype.selectMenu = function (menuId) {
var items = this.menuItems
if (items) {
menuId = "." + menuId;
items.find(menuId).addBack(menuId).filter(function () {
$(this).addClass("parent");
})
}
}
prototype.onBreakpoint = function () {
var args = (1 <= arguments.length) ? Array.prototype.slice.call(arguments, 0) : [];
if (args.length > 1) {
this.oldDevice = this.currentDevice;
this.currentDevice = args[1];
}
if (!this.isMobileInitialized && this.isMobileActive) {
var context = this;
//at first for locking because the multiple events
this.isMobileInitialized = true;
this.mobilenav = $(".main-nav-mobile");
$("
- ").appendTo(this.mobilenav.find(".nav-holder")).append(this.firstLevelMenuItems.clone());
this.mobilenav.find("li:has(a.submn)").addClass("has-children");
this.mobilenav.find(".menu-opener").on((this.isMobileIos) ? "touchstart" : "click", function () {
context.mobilenav.find(".nav-holder").toggle();
context.showChildrenOf(null);
if (!context.mobileMenuWasOpen) {
$("body").on("click touchstart", function (e) {
if (!$(e.target).is(".main-nav-mobile *")) {
context.mobilenav.find(".nav-holder").hide();
context.showChildrenOf(null);
context.mobileMenuWasOpen = false;
}
});
}
context.mobileMenuWasOpen = true;
});
this.mobilenav.find("> .back").on((this.isMobileIos) ? "touchstart" : "click", function () {
mch.util.log("click on back");
if (context.activeMobileMenuItem === null || context.activeMobileMenuItem.parent().closest("li").length === 0) {
mch.util.log("context.showChildrenOf(null)");
context.showChildrenOf(null);
}
else {
mch.util.log("context.showChildrenOf(context.activeMobileMenuItem.parent().closest()");
context.showChildrenOf(context.activeMobileMenuItem.parent().closest("li"));
}
return false;
});
var mobileSubItems = this.mobilenav.find(".nav-holder ul").find("> li").not(".fly_no_submenu");
mobileSubItems.each(function () {
var $menuItem = $(this);
$menuItem.bind((context.isMobileIos) ? "touchstart" : "click", function (event) {
if (context.hasPreloadedSubmenu(this) == false) {
var submenu = context.prepareMobileSubMenu($(this).find("> ul"));
submenu.find("a").bind((this.isMobileIos) ? "touchstart" : "click", function (event) {
if ($(this).parent("li").is(".has-children")) {
context.showChildrenOf($(this).parent("li"));
return false;
}
event.stopPropagation();
});
context.showChildrenOf($(this));
return false;
}
if (context.hasSubmenu(this) == false) {
context.loadMobileSubMenu(this);
return false;
}
context.showChildrenOf($menuItem);
event.stopPropagation();
});
});
}
}
prototype.onResize = function () {
if (this.isMobileActive() && this.isMobileInitialized) {
this.mobileNavOffsetTop = $("body header").outerHeight();
}
}
prototype.isIos = function () {
var iPhone = "iphone";
var iPod = "ipod";
var iPad = "ipad";
var userAgent = navigator.userAgent.toLowerCase();
var aIPhoneUserAgent = [iPhone, iPod, iPad];
return $.inArray(userAgent, aIPhoneUserAgent) != -1 ? true : false;
//return aIPhoneUserAgent.contains(userAgent);
}
prototype.close = function () {
if (this.menuItems != null) {
//Remove a "open" css class from a firstlevel item
this.menuItems.filter(".open").removeClass("open");
this.menuItems.find("ul").hide();
}
}
prototype.hasSubmenu = function (firstLevelItem) {
var $firstLevelItem = $(firstLevelItem);
return $firstLevelItem.find("> ul").length == 0 ? false : true;
}
prototype.hasPreloadedSubmenu = function (menuItem) {
return $(menuItem).find("> ul li.close").length == 1 ? false : true;
}
prototype.loadMobileSubMenu = function (firstLevelItem) {
var context = this;
var $firstLevelItem = $(firstLevelItem);
var $source = $firstLevelItem.find("a.submn");
if ($source.length != 0) {
var href = $source.attr("href");
$("#loaderMessage").ajaxStart(function () {
var $loader = $(this);
$firstLevelItem.append($loader);
var left = ($firstLevelItem.offset().left + ($firstLevelItem.outerWidth(true) / 2) - ($loader.outerWidth(true) / 2)) + "px";
var top = ($firstLevelItem.position().top + ($firstLevelItem.outerHeight(true) / 2) - ($loader.outerHeight(true) / 2)) + "px";
$loader.css({
position: 'absolute',
zIndex: 5000,
left: left,
top: top
}).show();
});
$("#loaderMessage").ajaxStop(function () {
var $loader = $(this);
$loader.hide();
});
$source.load(href, function () {
var subMenu = $(this).find("> ul").clone();
subMenu = context.prepareMobileSubMenu(subMenu);
subMenu.find("a").bind((this.isMobileIos) ? "touchstart" : "click", function (event) {
if ($(this).parent("li").is(".has-children")) {
context.showChildrenOf($(this).parent("li"));
return false;
}
event.stopPropagation();
});
$firstLevelItem.append(subMenu);
$source.replaceWith(subMenu);
context.showChildrenOf($firstLevelItem);
});
};
}
prototype.prepareMobileSubMenu = function (subMenu) {
subMenu.find(".close").remove();
subMenu.find("li:has(ul)").addClass("has-children");
//https://jira.messe.ch/browse/DIDPP-100 Item zur Strukturierung der Hauptnavigation
//if the first node of a .has-children's li...
subMenu.find(".has-children:has(> .navigation-folder)").each(function () {
var span = $(this).children(":first");
//create an hyperlink
var a = $("");
a.addClass("navigation-folder").attr("style", "cursor: pointer").text(span.text());
//and replace the span with the hyperlink.
span.replaceWith(a);
});
subMenu.find(".has-children:has(> a)").each(function () {
$(this).children("ul").prepend($(this).clone().addClass("previous-level").removeClass("has-children"));
});
return subMenu;
}
prototype.loadSubmenu = function (firstLevelItem) {
var $firstLevelItem = $(firstLevelItem);
var $source = $firstLevelItem.find("a.submn");
if ($source.length != 0) {
var href = $source.attr("href");
$("#loaderMessage").ajaxStart(function () {
var $loader = $(this);
var left = ($firstLevelItem.offset().left + ($firstLevelItem.outerWidth(true) / 2) - ($loader.outerWidth(true) / 2)) + "px";
var top = ($firstLevelItem.offset().top + ($firstLevelItem.outerHeight(true) / 2) - ($loader.outerHeight(true) / 2)) + "px";
$loader.css({
position: 'absolute',
zIndex: 5000,
left: left,
top: top
}).show();
});
$("#loaderMessage").ajaxStop(function () {
var $loader = $(this);
$loader.hide();
});
$source.load(href, function () {
var subMenu = $(this).find("> ul").detach().hide();
//an extension for ngn. If the navigation should run in a remote environment. All possible navigation items should be found.
//Through a href compare the current item will be detected and activated.
subMenu.find(".external-link").filter(function () {
var $link = $(this);
$link.removeClass("fly_active");
var loc = window.location.href;
if (loc.indexOf($link.attr("href")) != -1) {
$link.addClass("fly_active");
}
});
$source.replaceWith(subMenu);
$firstLevelItem.trigger((this.isMobileIos) ? "touchstart" : "click");
});
};
}
prototype.showChildrenOf = function (elem) {
this.activeMobileMenuItem = elem;
var buttonHeight = this.mobilenav.find(".menu-opener").outerHeight();
if (elem !== null) { // otherwise we're on root
//reset parent's height and overflow
$(elem).parent("ul").css({ "height": "auto", "overflow-y": "", "overflow-x": "" });
$(elem).siblings().children("ul").hide();
//reset height and overflow
$(elem).children("ul").show();
this.mobilenav.find("> .back").hide();
this.mobilenav.find(".nav-holder").css({ "left": "-" + (this.getLevel(elem) + 1) + "00%" });
if ((this.getLevel(elem) + 1) > 0) {
this.mobilenav.find("> .back").show();
}
var itemsHeight = $(elem).children("ul").outerHeight();
var navigationTop = this.mobilenav.position().top - $(window).scrollTop();
var windowHeight = $(window).height();
if (((navigationTop + itemsHeight) > windowHeight)) {
$(elem).children("ul").css({
"height": windowHeight - (navigationTop + buttonHeight + 40) + "px",
"overflow-y": "scroll",
"overflow-x": "hidden"
});
}
this.mobilenav.css("height", ($(elem).children("ul").outerHeight() + buttonHeight) + "px");
}
else {
this.mobilenav.find("> .back").hide();
this.mobilenav.find(".nav-holder").css("left", "0%");
this.mobilenav.css("height", (this.mobilenav.find(".nav-holder").children("ul").height() + buttonHeight) + "px");
}
}
/* only for mobile */
prototype.getLevel = function (elem) {
return ($(elem).parentsUntil(this.mobilenav, "ul").length - 1);
}
prototype.isMobileActive = function () {
return (this.currentDevice == "s" || this.currentDevice == "m");
}
})(menu.prototype);
// no need to wrap inside dom load event
// since ctor does not access anything and
// we always will only have one instance
// wait for init event to setup everything
mch.addWidget(new menu())
})(jQuery);
/* end widget menu*/
/* end widgets */