%PDF-
%PDF-
Mini Shell
Mini Shell
/**
* @author JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license GNU/GPL v2 http://www.gnu.org/licenses/gpl-2.0.html
*/
var JSNUtils = {
/* ============================== BROWSER ============================== */
/**
* Encode double quote character to comply with Opera browser
* Add more rules here if needed
*/
encodeCookie: function(value) {
return value.replace(/\"/g, '%22');
},
/**
* Decode double quote character back to normal
*/
decodeCookie: function(value) {
return value.replace(/\%22/g, '"');
},
writeCookie: function (name,value,days){
value = JSNUtils.encodeCookie(value);
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
} else expires = "";
document.cookie = name+"="+value+expires+"; path=/";
},
readCookie: function (name){
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return JSNUtils.decodeCookie(c.substring(nameEQ.length,c.length));
}
return null;
},
isIE: function(version) {
if (version == 'mobile') {
return (navigator.userAgent.match(/IEMobile\/([0-9]+\.[0-9]+);/) != null);
}
return (navigator.appVersion.indexOf('MSIE ' + version + '.') > -1);
},
isIE7: function() {
return JSNUtils.isIE(7);
},
setDesktopOnMobile: function() {
if (JSNUtils.checkMobile()) {
document.body.addClass('jsn-desktop-on-mobile');
}
},
isDesktopViewOnMobile: function (params) {
if (params) {
if (JSNUtils.checkMobile()) {
if (!params.responsiveLayout.length || !params.responsiveLayout.contains('mobile')) {
document.body.addClass('jsn-desktop-on-mobile');
}
if (!params.enableMobile) {
JSNUtils.initMenuForDesktopView(true);
}
}
}
return document.body.hasClass('jsn-mobile');
},
initMenuForDesktopView: function (checked) {
if (checked) {
var sitetools = document.id('jsn-sitetools-menu');
if (sitetools) {
sitetools.addClass('sitetool-desktop-on-mobile');
}
document.getElements('ul.menu-mainmenu').addClass('jsn-desktop-on-mobile');
}
},
// Initialize scrolling effect for in-page anchor links
initScrollToContent: function(stickyMenus) {
if (window.jQuery) {
jQuery(window).load(function() {
jQuery('.jsn-menu-toggle + ul li.jsn-scroll > a').each(function(i, link) {
jQuery(link).click(function(event) {
event.preventDefault();
var target = jQuery(jQuery(this).attr('href')), menu = jQuery('#jsn-menu');
if (target.length) {
var pos = target.offset();
if (stickyMenus && menu) {
if (stickyMenus.mobile == '1' && JSNUtils.checkMobile() && menu.hasClass('jsn-menu-sticky')) {
pos.top -= menu.outerHeight() + menu.find('ul.menu-mainmenu').outerHeight();
} else if (stickyMenus.desktop == '1' && (!JSNUtils.checkMobile() || document.body.hasClass('jsn-desktop-on-mobile'))) {
pos.top -= menu.outerHeight();
}
}
jQuery('html,body').animate({scrollTop: pos.top, scrollLeft: pos.left}, 500);
}
});
});
});
} else if (typeof Fx != 'undefined' && typeof Fx.Scroll != 'undefined') {
window.addEvent('load', function() {
document.getElements('.jsn-menu-toggle + ul li.jsn-scroll > a').each(function(link) {
link.addEvent('click', function(event) {
event.preventDefault();
var target = document.getElement(this.getAttribute('href')), menu = document.id('jsn-menu');
if (target) {
var pos = target.getPosition();
if (stickyMenus && menu) {
if (stickyMenus.mobile == '1' && JSNUtils.checkMobile() && menu.hasClass('jsn-menu-sticky')) {
pos.y -= menu.getSize().y + menu.getElement('ul.menu-mainmenu').getSize().y;
} else if (stickyMenus.desktop == '1' && (!JSNUtils.checkMobile() || document.body.hasClass('jsn-desktop-on-mobile'))) {
pos.y -= menu.getSize().y;
}
}
(this.__scrollFxObj = this.__scrollFxObj || new Fx.Scroll(window)).start(pos.x, pos.y);
}
});
});
});
}
// Handle switch in-page link state
window.addEvent('load', function() {
var anchors = document.getElements('ul.menu-mainmenu li a[href^="#"]'), targets = [], lastScrollTop,
// Define function to activate a menu item
activate = function(i) {
anchors.each(function(anchor) {
if (anchor.getParent().hasClass('active') && anchor.getAttribute('href') != '#' + targets[i].id) {
// Clear current active state
anchor.getParent().removeClass('active');
} else if (!anchor.getParent().hasClass('active') && anchor.getAttribute('href') == '#' + targets[i].id) {
// Set new active state
anchor.getParent().addClass('active');
}
});
};
// Query for target element
anchors.each(function(anchor) {
targets.push(document.getElement(anchor.getAttribute('href')));
});
// Handle window scroll event
window.addEvent('scroll', function() {
var windowHeight = window.getSize().y, scrollHeight = window.getScrollSize().y, scrollTop = window.getScroll().y, diff;
if (scrollTop == 0) {
// To top, look for top-most element
var top_most = 0, diff = targets[0].getPosition().y;
for (var i = 1; i < targets.length; i++) {
if (targets[i].getPosition().y < diff) {
top_most = i;
diff = targets[i].getPosition().y;
}
}
activate(top_most);
} else if (scrollHeight - scrollTop == windowHeight) {
// To bottom, look for bottom-most element
var bottom_most = targets.length - 1, diff = targets[targets.length - 1].getPosition().y;
for (var i = 0; i < targets.length - 1; i++) {
if (targets[i].getPosition().y > diff) {
bottom_most = i;
diff = targets[i].getPosition().y;
}
}
activate(bottom_most);
} else {
// Scrolling either up or down
for (var i = 0; i < targets.length; i++) {
diff = targets[i].getPosition().y - scrollTop;
if (diff < 0) {
diff = 0 - diff;
}
if (diff < (windowHeight / 5)) {
activate(i);
}
}
}
return true;
}).fireEvent('scroll');
});
},
getBrowserInfo: function(){
var name = '';
var version = '';
var ua = navigator.userAgent.toLowerCase();
var match = ua.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/) || [null, 'unknown', 0];
if (match[1] == 'version')
{
name = match[3];
}
else
{
name = match[1];
}
version = parseFloat((match[1] == 'opera' && match[4]) ? match[4] : match[2]);
return {'name': name, 'version': version};
},
/* ============================== DEVICE ============================== */
checkMobile: function(){
var uagent = navigator.userAgent.toLowerCase(), isMobile = false, mobiles = [
"midp","240x320","blackberry","netfront","nokia","panasonic",
"portalmmm","sharp","sie-","sonyericsson","symbian",
"windows ce","benq","mda","mot-","opera mini",
"philips","pocket pc","sagem","samsung","sda",
"sgh-","vodafone","xda","palm","iphone",
"ipod","android", "ipad"
];
for (var i = 0; i < mobiles.length; i++) {
if (uagent.indexOf(mobiles[i]) > -1) {
isMobile = true;
}
}
if (isMobile) {
JSNUtils.isAppleDevice = /ipod|ipad|iphone/.test(uagent);
JSNUtils.isWindowPhone = /windows phone/.test(uagent);
JSNUtils.isAndroidDevice = /android/.test(uagent);
}
return isMobile;
},
getScreenWidth: function(){
var screenWidth;
if( typeof( window.innerWidth ) == 'number' )
{
// IE 9+ and other browsers
screenWidth = window.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth)
{
//IE 6 - 8
screenWidth = document.documentElement.clientWidth;
}
return screenWidth;
},
checkSmartphone: function(){
var screenWidth = JSNUtils.getScreenWidth(), isSmartphone = false;
if (screenWidth >= 320 && screenWidth < 480)
{
isSmartphone = true;
}
return isSmartphone;
},
checkTablet: function(){
var screenWidth = JSNUtils.getScreenWidth(), isTablet = false;
if (screenWidth >= 481 && screenWidth < 1024)
{
isTablet = true;
}
return isTablet;
},
getScreenType: function(){
var screenType;
if (JSNUtils.checkSmartphone()) {
screenType = 'smartphone';
} else if (JSNUtils.checkTablet()) {
screenType = 'tablet';
} else {
screenType = 'desktop';
}
return screenType;
},
/* ============================== DOM - GENERAL ============================== */
addEvent: function(target, event, func){
if (target.addEventListener){
target.addEventListener(event, func, false);
return true;
} else if (target.attachEvent){
var result = target.attachEvent("on"+event, func);
return result;
} else {
return false;
}
},
getElementsByClass: function(targetParent, targetTag, targetClass, targetLevel){
var elements, tags, tag, tagClass;
if(targetLevel == undefined){
tags = targetParent.getElementsByTagName(targetTag);
}else{
tags = JSNUtils.getChildrenAtLevel(targetParent, targetTag, targetLevel);
}
elements = [];
for(var i=0;i<tags.length;i++){
tagClass = tags[i].className;
if(tagClass != "" && JSNUtils.checkSubstring(tagClass, targetClass, " ", false)){
elements[elements.length] = tags[i];
}
}
return elements;
},
getFirstChild: function(targetEl, targetTagName){
var nodes, node;
nodes = targetEl.childNodes;
for(var i=0;i<nodes.length;i++){
node = nodes[i];
if (node.tagName == targetTagName)
return node;
}
return null;
},
getFirstChildAtLevel: function(targetEl, targetTagName, targetLevel){
var child, nodes, node;
nodes = targetEl.childNodes;
for(var i=0;i<nodes.length;i++){
node = nodes[i];
if (targetLevel == 1) {
if(node.tagName == targetTagName) return node;
} else {
child = JSNUtils.getFirstChildAtLevel(node, targetTagName, targetLevel-1);
if(child != null) return child;
}
}
return null;
},
getChildren: function(targetEl, targetTagName){
var nodes, node;
var children = [];
nodes = targetEl.childNodes;
for(var i=0;i<nodes.length;i++){
node = nodes[i];
if(node.tagName == targetTagName)
children.push(node);
}
return children;
},
getChildrenAtLevel: function(targetEl, targetTagName, targetLevel){
var children = [];
var nodes, node;
nodes = targetEl.childNodes;
for(var i=0;i<nodes.length;i++){
node = nodes[i];
if (targetLevel == 1) {
if(node.tagName == targetTagName) children.push(node);
} else {
children = children.concat(JSNUtils.getChildrenAtLevel(node, targetTagName, targetLevel-1));
}
}
return children;
},
addClass: function(targetTag, targetClass){
if(targetTag.className == ""){
targetTag.className = targetClass;
} else {
if(!JSNUtils.checkSubstring(targetTag.className, targetClass, " ")){
targetTag.className += " " + targetClass;
}
}
},
getViewportSize: function(){
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
return {width:myWidth, height:myHeight };
},
addURLPrefix: function(targetId)
{
var navUrl = window.location.href;
var targetEl = document.getElementById(targetId);
if(targetEl != undefined && targetEl.tagName.toUpperCase() == 'A')
{
orgHref = targetEl.href;
targetEl.href = navUrl + ((navUrl.indexOf(orgHref) != -1)?'':orgHref);
}
},
/* ============================== DOM - GUI ============================== */
/* ============================== DOM - GUI - MENU ============================== */
/**
* Reposition submenu if it goes off screen area.
*/
setSubmenuPosition: function(enableRTL)
{
// Skip repositioning submenu if mobile menu is active
var toggle = document.getElement('span.jsn-menu-toggle');
if (toggle && toggle.getStyle('display') != 'none') {
return;
}
// Initialize parameters
var maxSize, parents, enableRTL = enableRTL || false;
// Get all parents
parents = document.getElements('ul.menu-mainmenu > li.parent');
if (!parents.length) return;
// Add level to all submenus
parents.each(function(parent) {
var submenu = parent.getChildren('ul'), level = 0;
while (submenu.length) {
var tmp = [];
// Increase submenu level
level++;
// Add class to indicate submenu level
submenu.each(function(ul) {
ul.addClass('jsn-submenu-level-' + level);
// Get nested submenus
ul.getElements('> li.parent > ul').each(function(nested) {
tmp.push(nested);
});
});
// Set nested submenus
submenu = tmp;
}
// Store max level of submenu
parent.jsnMaxSubmenuLevel = level;
});
// Declare some utilities
var placeSubmenu = function(parent, flipBack) {
var width = 0, submenu = parent.getElement('ul.jsn-submenu-level-' + parent.jsnMaxSubmenuLevel),
flipBack = flipBack || false, farLeft;
// Calculate submenu's far-left offset
if ((enableRTL && !flipBack) || (!enableRTL && flipBack)) {
farLeft = parent.getPosition().x + parent.getSize().x;
// Calculate far-left position when all nested submenus are expanded
while (!submenu.hasClass('menu-mainmenu')) {
farLeft -= submenu.getSize().x;
// Travel back the DOM tree
submenu = submenu.getParent().getParent();
}
} else if ((!enableRTL && !flipBack) || (enableRTL && flipBack)) {
farLeft = parent.getPosition().x;
// Calculate total width when all nested submenus are expanded
while (!submenu.hasClass('menu-mainmenu')) {
width += submenu.getSize().x;
// Travel back the DOM tree
submenu = submenu.getParent().getParent();
}
}
// Check if there is any submenu goes off screen when all nested submenus are expanded
if (
(((enableRTL && !flipBack) || (!enableRTL && flipBack)) && farLeft < 0)
||
(((!enableRTL && !flipBack) || (enableRTL && flipBack)) && farLeft + width > maxSize.x)
) {
if (!flipBack) {
parent.addClass('jsn-submenu-flipback');
// Check if there is any submenu goes off screen in the opposite side after flipping back
placeSubmenu(parent, true);
} else {
parent.removeClass('jsn-submenu-flipback');
}
}
},
resizeHandler = function() {
// Disable left-right scrolling
document.body.setStyle('overflow-x', 'hidden');
// Update max screen area
maxSize = window.getSize();
// Place all submenus
parents.each(function(parent) {
var submenus = parent.getElements('ul');
// Restore original position for all submenu
parent.removeClass('jsn-submenu-flipback');
// Make sure all submenus is visible
submenus.setStyle('display', 'block');
// Place nested submenus
placeSubmenu(parent);
// Restore default visibility state for submenu
submenus.setStyle('display', '');
});
// Restore original left-right scrolling
document.body.setStyle('overflow-x', '');
};
// Handle window resize event
window.addEvent('resize', function() {
placeSubmenu.timer && clearTimeout(placeSubmenu.timer);
placeSubmenu.timer = setTimeout(resizeHandler, 500);
});
// Place all submenus
resizeHandler();
},
setMobileMenu: function(menuClass, effect)
{
if (JSNUtils.mobileMenuInitialized) {
return;
}
var mobileEffect = '';
if (typeof effect !== 'undefined' && effect != 'default')
{
mobileEffect = effect;
}
var toggle = function() {
this.toggleClass("active");
this.getNext("ul").toggleClass("jsn-menu-mobile");
if (mobileEffect != '' && this.getProperty('id') == 'jsn-menu-toggle-parent')
{
var splitMobleEffectStr = mobileEffect.split("-");
this.getNext("ul").toggleClass("jsn-menu-mobile-" + splitMobleEffectStr[0]);
this.getNext("ul").toggleClass("jsn-menu-mobile-" + mobileEffect);
document.getElements("body").toggleClass("jsn-menu-mobile-" + mobileEffect);
this.getNext("ul").removeAttribute('style');
if (mobileEffect == 'push-left' || mobileEffect == 'push-right')
{
window.fireEvent('toggle-advanced-mobile-menu');
}
}
document.getElements("." + menuClass + " .jsn-menu-toggle").each(function (item) {
if (item.get('id') != 'jsn-menu-toggle-parent')
{
var a = item.getPrevious(),
size = a.getSize();
item.setStyle('height', size.y);
}
});
if (mobileEffect != 'push-left' && mobileEffect != 'push-right')
{
window.fireEvent('toggle-mobile-menu');
}
};
if (document.getElements("ul.menu-mainmenu .jsn-menu-mobile-control").length)
{
// Setup toggle for close trigger
document.getElements("ul." + menuClass + " .jsn-menu-mobile-control .close-menu").addEvent('click', function() {
document.getElements("ul." + menuClass).each(function (item) {
if (item.get('id') != 'jsn-tpl-megamenu')
{
item.getPrevious(".jsn-menu-toggle").fireEvent('click');
//if (mobileEffect == 'push-left' || mobileEffect == 'push-right')
// {
// window.fireEvent('toggle-advanced-mobile-menu');
// }
}
});
});
}
// Setup toggle for main trigger
document.getElements("ul." + menuClass).getPrevious(".jsn-menu-toggle").each(function(e) {
e && e.addEvent('click', toggle);
});
// Setup toggle for children triggers
document.getElements("ul." + menuClass + " .jsn-menu-toggle").addEvent('click', toggle);
if (mobileEffect != '')
{
var splitMobleEffectStr = mobileEffect.split("-");
document.getElements("ul.menu-mainmenu").addClass("jsn-menu-mobile-" + splitMobleEffectStr[1]);
}
window.addEvent('resize', function () {
if (window.getSize().x > 1024 && JSNUtils.getScreenType() == 'desktop') {
document.getElements('ul.jsn-menu-mobile').removeClass('jsn-menu-mobile');
if (mobileEffect != '')
{
var splitMobleEffectStr = mobileEffect.split("-");
document.getElements("body").removeClass("jsn-menu-mobile-" + mobileEffect);
document.getElements("ul.jsn-menu-mobile-" + splitMobleEffectStr[0]).removeClass("jsn-menu-mobile-" + splitMobleEffectStr[0]);
document.getElements("ul.jsn-menu-mobile-" + mobileEffect).removeClass("jsn-menu-mobile-" + mobileEffect);
}
}
});
JSNUtils.mobileMenuInitialized = true;
},
setDesktopSticky: function(menuId) {
// Check if sticky menu is enabled on mobile?
if ((JSNUtils.checkMobile() || JSNUtils.getScreenType() != 'desktop') && !document.body.hasClass('jsn-desktop-on-mobile')) {
return;
}
// Initialize sticky menu on desktop
var header = document.id(menuId ? menuId : 'jsn-menu');
window.addEvent('load', function() {
var headerPosition = header.getPosition(),
menuHeight = header.getHeight(),
placeHolder = new Element('div', {'class': 'jsn-menu-placeholder'});
window.addEvent('scroll', function(event) {
var windowScroll = window.getScroll();
if (windowScroll.y > headerPosition.y) {
header.addClass('jsn-menu-sticky');
placeHolder.inject(header, 'after');
placeHolder.setStyle('height', menuHeight);
} else {
header.removeClass('jsn-menu-sticky');
placeHolder.destroy();
}
});
});
},
setMobileSticky: function(menuId) {
// State that sticky menu is enabled on mobile
JSNUtils.mobileStickyEnabled = true;
// Get necessary elements
var page = document.id('jsn-page'),
menu = document.id(menuId ? menuId : 'jsn-menu'),
menuToggler = menu.getElement('.jsn-menu-toggle'),
mainMenu = menu.getElement('ul.menu-mainmenu'),
menuSize = menu.getCoordinates(),
menuPlacehoder = new Element('div', { 'id': 'jsn-menu-placeholder' }),
menuParent = menu.getParent(),
menuParentOffset = menuParent.getCoordinates(),
menuLeft = menuSize.left,
menuPaddingHorz = parseInt(menu.getStyle('padding-left')) + parseInt(menu.getStyle('padding-right')),
menuBorderHorz = parseInt(menu.getStyle('border-left')) + parseInt(menu.getStyle('border-right')),
isSticked = false,
touchStartOffset = {},
isFixedSupport = JSNUtils.isFixedSupport(),
lastScrollTop = 0,
menuOriginalWidth = menuSize.width;
menuPlacehoder.setStyles({
height: menuSize.height,
margin: menu.getStyle('margin')
});
var getMaxMenuHeight = function () { return window.innerHeight - menuSize.height; };
var getTouchDirection = function (touchEvent) { return touchEvent.touches[0].pageY > touchStartOffset.y ? 'up' : 'down'; };
var resetMenuPosition = function () {
var restorePoint = menuPlacehoder.getPosition().y;
if (restorePoint == 0) {
var parent = menuPlacehoder.getParent();
while (parent.nodeName != 'BODY' && parent.getStyle('position') != 'relative') {
parent = parent.getParent();
}
restorePoint = parent.getPosition().y;
}
if (window.getScroll().y < restorePoint) {
menu
.removeClass('jsn-menu-sticky jsn-mobile-menu-sticky')
.removeAttribute('style');
menuPlacehoder.dispose();
mainMenu.setStyles({
'max-height': 'auto',
'overflow-y': 'hidden'
});
isSticked = false;
}
};
var getMenuWidth = function (forceMenuWidth) {
var menuWidth = forceMenuWidth || menuSize.width;
if (!isNaN(menuPaddingHorz))
menuWidth = menuWidth - menuPaddingHorz;
if (!isNaN(menuBorderHorz))
menuWidth = menuWidth - menuBorderHorz;
return menuWidth;
};
var makeAdvancedMenuStick = function ()
{
if (menu.hasClass('jsn-mobile-menu-sticky'))
{
menuSize = menu.getCoordinates();
menuLeft = menuSize.left;
menu.setStyles({
'left' : menuLeft,
'width' : menuOriginalWidth,
'position' : 'fixed',
'top' : 0 ,
'z-index' : 9999999
});
updatePosition.longMenuFixed = false;
}
}
var fx = new Fx.Morph(menu, { transition: Fx.Transitions.Expo.easeOut });
fx.addEvent('complete', resetMenuPosition);
var makeMenuStick = function () {
var scrollTop = window.getScroll().y,
menuOffsetTop = menu.getPosition().y;
if (mainMenu.getStyle('display') == 'block' && !menu.hasClass('jsn-mobile-menu-sticky')) {
return menu.setStyles({
'left' : '',
'width' : '',
'position' : 'relative',
'top' : '',
'z-index' : ''
});
}
if (scrollTop > menuOffsetTop && menuParent.getElement('#jsn-menu-placeholder') == null && isSticked == false) {
if (fx.isRunning())
fx.cancel();
menuSize = menu.getCoordinates();
menuLeft = menuSize.left;
menu.addClass('jsn-menu-sticky jsn-mobile-menu-sticky').setStyles({
'left' : menuLeft,
'width' : getMenuWidth(),
'position' : isFixedSupport ? 'fixed' : 'absolute',
'top' : isFixedSupport ? 0 : scrollTop,
'z-index' : 9999999
});
menuPlacehoder.inject(menu, 'before');
isSticked = true;
}
};
var updatePosition = function () {
// Stick menu to top
updatePosition.longMenuFixed || makeMenuStick();
if (mainMenu.getStyle('display') == 'block' && !menu.hasClass('jsn-mobile-menu-sticky')) {
return menu.setStyles({
'left' : '',
'width' : '',
'position' : 'relative',
'top' : '',
'z-index' : ''
});
}
var scrollTop = window.getScroll().y,
placeHoderOffset = menuPlacehoder.getPosition().y;
// Check scrolling direction
if (scrollTop >= lastScrollTop) {
// User is scrolling to bottom of page
if (getMaxMenuHeight() < mainMenu.getCoordinates().height) {
// Menu is longer than the screen height
if (!updatePosition.longMenuFixed) {
// Switch menu to absolute position so user can scroll down to set the rest of the menu
menu.setStyles({
position : 'absolute',
top : lastScrollTop
});
}
// Store last scroll top
lastScrollTop = scrollTop;
return (updatePosition.longMenuFixed = true);
}
} else if (scrollTop < lastScrollTop) {
// User is scrolling to top of page
if (getMaxMenuHeight() < mainMenu.getCoordinates().height) {
// Menu is longer than the screen height
if (scrollTop <= menu.getPosition().y && updatePosition.longMenuFixed) {
// Re-stick the menu to top of page
menu.setStyles({
position : isFixedSupport ? 'fixed' : 'absolute',
top : isFixedSupport ? 0 : scrollTop
});
updatePosition.longMenuFixed = false;
}
}
// Reset menu position if necessary
resetMenuPosition();
if (updatePosition.longMenuFixed)
{
// Store last scroll top
return (lastScrollTop = scrollTop);
}
}
// Pause re-position effect
if (fx.isRunning()) fx.pause();
// Reset menu position
if (isSticked == true && placeHoderOffset > scrollTop && menu.getStyle('position') == 'fixed') {
menu.setStyles({
position : 'absolute',
top : scrollTop,
left : menuPlacehoder.getCoordinates().left,
width : getMenuWidth()
});
fx.start({ top: placeHoderOffset });
}
// Update menu position
else if (isSticked == true && menu.getStyle('position') == 'absolute') {
var menuTop = menu.getPosition().y;
fx.start({
top: (placeHoderOffset > scrollTop) ? placeHoderOffset : scrollTop,
left: menuPlacehoder.getCoordinates().left
});
}
else {
menu.setStyle('left', menuPlacehoder.getCoordinates().left);
}
// Store last scroll top
lastScrollTop = scrollTop;
};
var updatePositionTimeout = null,
updateMenuSizeTimeout = null,
isMovedToTop = false,
backupWindowScroll = null,
pageHeight = page.getSize().y;
window.addEvent('load', function () {
clearTimeout(updatePositionTimeout);
updatePositionTimeout = setTimeout(updatePosition, 100);
window.addEvent('touchmove', makeMenuStick);
window.addEvent('scroll', updatePosition);
window.addEvent('resize', function () {
clearTimeout(updateMenuSizeTimeout);
updateMenuSizeTimeout = setTimeout(function () {
if (isSticked == true) {
menuSize = menuPlacehoder.getCoordinates();
menu.setStyle('width', getMenuWidth());
menuOriginalWidth = menuSize.width;
}
else {
menuSize = menu.getCoordinates();
}
}, 100);
});
window.addEvent('orientationchange', updatePosition);
window.addEvent('toggle-mobile-menu', updatePosition);
window.addEvent('toggle-advanced-mobile-menu', makeAdvancedMenuStick);
});
},
setDropdownModuleEvents: function ()
{
document.getElements('div.display-dropdown.jsn-modulecontainer h3.jsn-moduletitle')
.addEvent('click', function (e) {
var
elm = e.target;
while (!elm.hasClass('jsn-modulecontainer'))
elm = elm.getParent();
elm.toggleClass('jsn-dropdown-active');
});
},
setMobileSitetool: function()
{
var siteToolPanel = document.id("jsn-sitetoolspanel");
if (siteToolPanel)
{
siteToolPanel.getElements("li.jsn-sitetool-control").addEvent("click", function() {
this.toggleClass("active");
});
}
},
getSelectMenuitemIndex: function(elementID)
{
var childs = document.id(elementID).childNodes;
var count = childs.length;
var index = 0;
for (var i = 0; i < count; i++)
{
if(childs[i].className != undefined && childs[i].className.indexOf('parent') != -1)
{
if(childs[i].className.indexOf('active') != -1)
{
return index;
}
index++;
}
}
return -1;
},
createImageMenu: function(menuId, imageClass){
if (!document.getElementById) return;
var list = document.getElementById(menuId);
var listItems;
var listItem;
if(list != undefined) {
listItems = list.getElementsByTagName("LI");
for(i=0, j=0;i<listItems.length;i++){
listItem = listItems[i];
if (listItem.parentNode == list) {
listItem.className += " " + imageClass + (j+1);
j++;
}
}
}
},
/* Set position of side menu sub panels */
setSidemenuLayout: function(menuClass, rtlLayout)
{
var sidemenus, sidemenu, smChildren, smChild, smSubmenu;
sidemenus = JSNUtils.getElementsByClass(document, "UL", menuClass);
if (sidemenus != undefined) {
for(var i=0;i<sidemenus.length;i++){
sidemenu = sidemenus[i];
smChildren = JSNUtils.getChildren(sidemenu, "LI");
if (smChildren != undefined) {
for(var j=0;j<smChildren.length;j++){
smChild = smChildren[j];
smSubmenu = JSNUtils.getFirstChild(smChild, "UL");
if (smSubmenu != null) {
if(rtlLayout == true) { smSubmenu.style.marginRight = smChild.offsetWidth+"px"; }
else { smSubmenu.style.marginLeft = smChild.offsetWidth+"px"; }
}
}
}
}
}
},
/* Set position of sitetools sub panel */
setSitetoolsLayout: function(sitetoolsId, rtlLayout)
{
var sitetoolsContainer, parentItem, sitetoolsPanel, neighbour;
sitetoolsContainer = document.getElementById(sitetoolsId);
if (sitetoolsContainer != undefined) {
parentItem = JSNUtils.getFirstChild(sitetoolsContainer, "LI");
sitetoolsPanel = JSNUtils.getFirstChild(parentItem, "UL");
if (rtlLayout == true) {
sitetoolsPanel.style.marginRight = -1*(sitetoolsPanel.offsetWidth - parentItem.offsetWidth) + "px";
} else {
sitetoolsPanel.style.marginLeft = -1*(sitetoolsPanel.offsetWidth - parentItem.offsetWidth) + "px";
}
}
},
/* Change template setting stored in cookie */
setTemplateAttribute: function(templatePrefix, attribute, value)
{
var templateParams = JSON.parse(JSNUtils.readCookie(templatePrefix + 'params')) || {};
templateParams[attribute] = value;
JSNUtils.writeCookie(templatePrefix + 'params', JSON.stringify(templateParams));
window.location.reload(true);
},
createExtList: function(listClass, extTag, className, includeNumber){
if (!document.getElementById) return;
var lists = JSNUtils.getElementsByClass(document, "UL", listClass);
var list;
var listItems;
var listItem;
if(lists != undefined) {
for(var j=0;j<lists.length;j++){
list = lists[j];
listItems = JSNUtils.getChildren(list, "LI");
for(var i=0,k=0;i<listItems.length;i++){
listItem = listItems[i];
if(className !=''){
listItem.innerHTML = '<'+ extTag + ' class='+className+'>' + (includeNumber?(k+1):'') + '</'+ extTag +'>' + listItem.innerHTML;
}else{
listItem.innerHTML = '<'+ extTag + '>' + (includeNumber?(k+1):'') + '</'+ extTag +'>' + listItem.innerHTML;
}
k++;
}
}
}
},
createGridLayout: function(containerTag, containerClass, columnClass, lastcolumnClass) {
var gridLayouts, gridLayout, gridColumns, gridColumn, columnsNumber;
gridLayouts = JSNUtils.getElementsByClass(document, containerTag, containerClass);
for(var i=0;i<gridLayouts.length;i++){
gridLayout = gridLayouts[i];
gridColumns = JSNUtils.getChildren(gridLayout, containerTag);
columnsNumber = gridColumns.length;
JSNUtils.addClass(gridLayout, containerClass + columnsNumber);
JSNUtils.addClass(gridLayout, 'clearafter');
for(var j=0;j<columnsNumber;j++){
gridColumn = gridColumns[j];
JSNUtils.addClass(gridColumn, columnClass);
if(j == gridColumns.length-1) {
JSNUtils.addClass(gridColumn, lastcolumnClass);
}
// Create inner container
var inner = document.createElement('DIV');
inner.setAttribute('class', columnClass + '_inner');
// Move all container's children into inner container
while (gridColumn.childNodes.length) {
inner.appendChild(gridColumn.childNodes[0]);
}
// Append inner container into container
gridColumn.appendChild(inner);
}
}
},
sfHover: function(menuId, menuDelay) {
if(menuId == undefined) return;
var delay = (menuDelay == undefined)?0:menuDelay;
var pEl = document.getElementById(menuId);
if (pEl != undefined) {
var sfEls = pEl.getElementsByTagName("li");
for (var i=0; i<sfEls.length; ++i) {
sfEls[i].onmouseover=function() {
clearTimeout(this.timer);
if(this.className.indexOf("sfhover") == -1) {
this.className += " sfhover";
}
};
sfEls[i].onmouseout=function() {
this.timer = setTimeout(JSNUtils.sfHoverOut.bind(this), delay);
};
}
}
},
sfHoverOut: function() {
clearTimeout(this.timer);
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
},
setFontSize: function (targetId, fontSize){
var targetObj = (document.getElementById) ? document.getElementById(targetId) : document.all(targetId);
targetObj.style.fontSize = fontSize + '%';
},
setVerticalPosition: function(pName, pAlignment) {
var targetElement = document.getElementById(pName);
if (targetElement != undefined) {
var topDelta, vpHeight, pHeight;
vpHeight = (JSNUtils.getViewportSize()).height;
pHeight = targetElement.offsetHeight;
switch(pAlignment){
case "top":
topDelta = 0;
break;
case "middle":
topDelta = Math.floor((100 - Math.round((pHeight/vpHeight)*100))/2);
break;
case "bottom":
topDelta = 100 - Math.round((pHeight/vpHeight)*100);
break;
}
topDelta = (topDelta < 0)?0:topDelta;
targetElement.style.top = topDelta + "%";
targetElement.style.visibility = "visible";
}
},
// Keep this function for backward compatible with old template released before template framework v2
setInnerLayout:function(elements)
{
var root = document.getElementById(elements[0]);
var rootWidth = root ? root.offsetWidth : 0;
var pleftWidth = 0;
var pinnerleftWidth = 0;
var prightWidth = 0;
var pinnerrightWidth = 0;
if (document.getElementById(elements[1]) != null) {
pleftWidth = document.getElementById(elements[1]).offsetWidth;
}
if (document.getElementById(elements[3]) != null) {
pinnerleftWidth = document.getElementById(elements[3]).offsetWidth;
if (root) {
var resultLeft = (pleftWidth + pinnerleftWidth)*100/rootWidth;
root.firstChild.style.right = (100 - resultLeft) + "%";
root.firstChild.firstChild.style.left = (100 - resultLeft) + "%";
}
}
if(document.getElementById(elements[2]) != null) {
prightWidth = document.getElementById(elements[2]).offsetWidth;
}
if(document.getElementById(elements[4]) != null) {
pinnerrightWidth = document.getElementById(elements[4]).offsetWidth;
if (root) {
var resultRight = (prightWidth + pinnerrightWidth)*100/rootWidth;
root.firstChild.firstChild.firstChild.style.left = (100 - resultRight) + "%";
root.firstChild.firstChild.firstChild.firstChild.style.right = (100 - resultRight) + "%";
}
}
},
setupLayout: function(mapping)
{
// Define relationship between columns and their visual background elements
mapping = mapping || {
'jsn-leftsidecontent': ['jsn-content_inner'],
'jsn-rightsidecontent': ['jsn-content_inner2'],
'jsn-pos-innerleft': ['jsn-maincontent_inner1', 'jsn-mainbody-content-inner1'],
'jsn-pos-innerright': ['jsn-maincontent_inner3', 'jsn-mainbody-content-inner3']
};
// Position visual background elements
var container = document.id('jsn-content'), maxWidth, innerContainer, innerMaxWidth, width, flip, isLeft, isInner, column, background;
if (!container) {
return;
}
// Get container width
maxWidth = container.getSize().x;
for (var i in mapping) {
// Check if this is a column at left side
isLeft = i.match(/-(inner)?left/);
// Check if this is an inner column
isInner = i.match(/-(inner)/);
// Get column element
column = document.id(i);
if (column) {
// Get container of inner column
if (isInner && !innerContainer) {
innerContainer = column.getParent();
while (!innerContainer.className.match(/span\d+ order\d+/) && innerContainer != container) {
innerContainer = innerContainer.getParent();
}
innerMaxWidth = innerContainer.getSize().x;
}
// Simply continue if there is only one column
if (column.getParent().getChildren().length == 1) {
continue;
}
// Get column by visual order
column = column.getParent().getElement('> .order' + (isLeft ? '1' : column.getParent().getChildren().length));
if (!column) {
continue;
}
if (!column.id.match(/-(inner)?(left|right)/)) {
column = column.getParent().getElement('> .order' + (isLeft ? '2' : column.getParent().getChildren().length - 1));
}
// Get associated visual background element
for (var j = 0; j < mapping[i].length; j++) {
background = document.id(mapping[i][j]);
if (background) {
break;
}
}
if (background) {
var repositionElement;
if (result = background.id.match(/^([^\d]+)(\d+)$/)) {
repositionElement = document.id(result[1] + (parseInt(result[2]) + 1));
} else {
repositionElement = document.id(background.id + '1');
}
if (repositionElement) {
flip = (isInner || column.hasClass('order' + (isLeft ? '1' : column.getParent().getChildren().length))) ? false : true;
width = isLeft
? ((flip ? column.getPosition(isInner ? innerContainer : container).x : column.getSize().x) / (isInner ? innerMaxWidth : maxWidth)) * 100
: ((flip ? (isInner ? innerMaxWidth : maxWidth) - column.getPosition(isInner ? innerContainer : container).x - column.getSize().x : column.getSize().x) / (isInner ? innerMaxWidth : maxWidth)) * 100;
// Position visual background element
if (isLeft) {
background.setStyle(flip ? 'left' : 'right', (flip ? width : 100 - width) + '%');
repositionElement.setStyle(flip ? 'right' : 'left', (flip ? width : 100 - width) + '%');
} else {
background.setStyle(flip ? 'right' : 'left', (flip ? width : 100 - width) + '%');
repositionElement.setStyle(flip ? 'left' : 'right', (flip ? width : 100 - width) + '%');
}
// Add class to indicate flipping state
flip && background.addClass('jsn-flip');
}
}
}
}
},
setEqualHeight: function()
{
var containerClass = "jsn-horizontallayout";
var columnClass = "jsn-modulecontainer_inner";
var horizontallayoutObjs = document.getElements('.' + containerClass);
var maxHeight = 0;
Array.each(horizontallayoutObjs, function(item) {
var columns = item.getElements('.'+columnClass);
maxHeight = 0;
Array.each(columns, function(col) {
var coordinates = col.getCoordinates();
if (coordinates.height > maxHeight) maxHeight = coordinates.height;
});
Array.each(columns, function(col) {
col.setStyle('height',maxHeight);
});
});
},
/* ============================== MOOTOOLS ANIMATION ============================== */
setToTopLinkCenter: function(rtl, jquery)
{
/* Min distance to be away from top for the link to be displayed */
var min = 200;
/* Determine RTL layout or not to set margin correctly */
var marginFrom = "margin-left";
if (rtl === true) {
marginFrom = "margin-right";
}
if (jquery || window.jQuery) {
var element = jQuery('#jsn-gotoplink');
if (!element.length) return;
element.hide();
(jQuery(window).scrollTop() >= min) ? element.fadeIn() : element.fadeOut();
} else if (typeof(MooTools) != 'undefined') {
var element = document.id('jsn-gotoplink');
if (!element) return;
var elementHeight = element.getSize().y;
element
.setStyle('margin-left', -(element.getSize().x/2))
.set('opacity','0')
.fade((window.getScroll().y >= min) ? 'in' : 'out')
.fade((window.getScroll().y >= min) ? 1 : 0);
if (!JSNUtils.isFixedSupport()) {
element.setStyle('position', 'absolute');
window.addEvent('scroll', function () {
var height = window.innerHeight;
element.setStyle('bottom', 'auto');
element.setStyle('top', window.getScroll().y + (height - elementHeight));
});
}
}
},
isFixedSupport: function () {
var userAgent = window.navigator.userAgent + '',
isNexusS = /Nexus S/.test(userAgent),
isSupported = !isNexusS;
if (isSupported && (JSNUtils.isAppleDevice || JSNUtils.isAndroidDevice || JSNUtils.isWindowPhone)) {
var pattern = JSNUtils.isWindowPhone ? /IEMobile\/([0-9]+\.[0-9]+);/ : /AppleWebKit\/([0-9]+\.[0-9]+)\s+/;
if (pattern.test(userAgent)) {
var result = pattern.exec(userAgent);
var version = result[1];
isSupported = ((JSNUtils.isAppleDevice || JSNUtils.isAndroidDevice) && JSNUtils.versionCompare(version, '534.1', '>='));
}
}
return isSupported;
},
versionCompare: function (v1, v2, operator) {
this.php_js = this.php_js || {};
this.php_js.ENV = this.php_js.ENV || {};
var i = 0,
x = 0,
compare = 0,
vm = {
'dev': -6,
'alpha': -5,
'a': -5,
'beta': -4,
'b': -4,
'RC': -3,
'rc': -3,
'#': -2,
'p': -1,
'pl': -1
},
prepVersion = function (v) {
v = ('' + v).replace(/[_\-+]/g, '.');
v = v.replace(/([^.\d]+)/g, '.$1.').replace(/\.{2,}/g, '.');
return (!v.length ? [-8] : v.split('.'));
},
numVersion = function (v) {
return !v ? 0 : (isNaN(v) ? vm[v] || -7 : parseInt(v, 10));
};
v1 = prepVersion(v1);
v2 = prepVersion(v2);
x = Math.max(v1.length, v2.length);
for (i = 0; i < x; i++) {
if (v1[i] == v2[i]) {
continue;
}
v1[i] = numVersion(v1[i]);
v2[i] = numVersion(v2[i]);
if (v1[i] < v2[i]) {
compare = -1;
break;
} else if (v1[i] > v2[i]) {
compare = 1;
break;
}
}
if (!operator) {
return compare;
}
switch (operator) {
case '>':
case 'gt':
return (compare > 0);
case '>=':
case 'ge':
return (compare >= 0);
case '<=':
case 'le':
return (compare <= 0);
case '==':
case '=':
case 'eq':
return (compare === 0);
case '<>':
case '!=':
case 'ne':
return (compare !== 0);
case '':
case '<':
case 'lt':
return (compare < 0);
default:
return null;
}
},
setSmoothScroll: function(jquery)
{
// Detect mobile device
JSNUtils.checkMobile();
// Setup smooth scroll to top when go to top link is clicked
if (!JSNUtils.isWindowPhone || !JSNUtils.isIE('mobile')) {
if (jquery || window.jQuery) {
jQuery('#jsn-gotoplink').click(function(e) {
e.preventDefault();
var gotoplinkOffset = jQuery('#top').offset().top;
jQuery('html,body').animate({scrollTop: gotoplinkOffset}, 500);
return false;
});
} else if (typeof Fx != 'undefined' && typeof Fx.SmoothScroll != 'undefined') {
new Fx.SmoothScroll({
duration: 300,
links: '#jsn-gotoplink',
}, window);
}
}
},
setFadeScroll: function(jquery)
{
var min = 200;
if (jquery || window.jQuery) {
var element = jQuery('#jsn-gotoplink');
if(element == null) return false;
jQuery(window).scroll(function () {
(jQuery(window).scrollTop() >= min) ? element.fadeIn() : element.fadeOut();
});
} else if (typeof(MooTools) != 'undefined') {
var element = document.id('jsn-gotoplink');
if (element == null) return false;
if (parseFloat(MooTools.version) < 1.2)
{
var fx = new Fx.Style(element, "opacity", {duration: 500});
var inside = false;
window.addEvent('scroll',function(e) {
var position = window.getSize().scroll;
var y = position.y;
if (y >= min)
{
if (!inside)
{
inside = true;
fx.start(0, 1);
}
}
else
{
if (inside)
{
inside = false;
fx.start(1, 0);
}
}
}.bind(this));
}
else
{
window.addEvent('scroll',function(e) {
element.fade((window.getScroll().y >= min) ? 'in' : 'out');
element.fade((window.getScroll().y >= min) ? 1 : 0);
}.bind(this));
}
}
},
/* ============================== TEXT ============================== */
checkSubstring: function(targetString, targetSubstring, delimeter, wholeWord){
if(wholeWord == undefined) wholeWord = false;
var parts = targetString.split(delimeter);
for (var i = 0; i < parts.length; i++){
if (wholeWord && parts[i] == targetSubstring) return true;
if (!wholeWord && parts[i].indexOf(targetSubstring) > -1) return true;
}
return false;
},
/* ============================== REMOVE DUPLICATE CSS3 TAG IN IE7 - CSS3 PIE ============================== */
removeCss3Duplicate: function(className)
{
var element = document.getElements('.' + className);
if (element != undefined)
{
element.each(function(e){
var elementParent = e.getParent();
var duplicateTag = elementParent.getChildren('css3-container');
if (duplicateTag.length && duplicateTag.length > 1)
{
elementParent.removeChild(duplicateTag[0]);
}
});
}
}
};
Zerion Mini Shell 1.0