first commit
49
modules/mod_roknavmenu/themes/fusion/css/fusion-ie6.css
Normal file
@ -0,0 +1,49 @@
|
||||
/*!
|
||||
* @version $Id: fusion-ie6.css 4586 2012-10-27 01:50:24Z btowles $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
.menutop,.menutop *{margin:0;padding:0;}
|
||||
.menutop li a.item, .menutop li span.item {text-decoration:none;color:#333;}
|
||||
.menutop{float:left;position:relative;}
|
||||
.menutop li{float:left;list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;vertical-align:top;}
|
||||
.menutop span.nolink{cursor:default;}
|
||||
.menutop li .item, .menutop .root .item {display:block;float:left;}
|
||||
.menutop li li .item,.menutop li.active li .item, .menutop .level2 .item, .menutop .level3 .item, .menutop .level4 .item{display:block;float:none;margin:0;text-decoration:none;}
|
||||
.menutop li ul{float:none;left:-999em;position:absolute;z-index:500;}
|
||||
.menutop li.sfHover li ul,.menutop li li.sfHover li ul,.menutop li li li.sfHover li ul{top:-999em;}
|
||||
.menutop li li{float:none;position:relative;width:100%;}
|
||||
.menutop li{height:30px;}
|
||||
.menutop li li, .menutop .level2 li, .menutop .level3 li, .menutop .level4 li{height:auto;}
|
||||
.menutop li .item {height:30px;line-height:30px;padding:0 15px;}
|
||||
.menutop .level2 .item, .menutop .level3 .item, .menutop .level4 .item {height:25px;line-height:25px;}
|
||||
.menutop li .item,.menutop li li .item,.menutop li li li .item,.menutop li li li li .item{background-image:none;}
|
||||
.menutop li .daddy,.menutop li.sfHover .daddy{background-image:url(../images/top-dark.png);background-position:100% 100%;background-repeat:no-repeat;}
|
||||
.menutop li.sfHover .daddy-sfHover{background-image:url(../images/top-light.png);background-position:100% 100%;}
|
||||
.menutop li li.sfHover .daddy-sfHover{background-position:100% 50%;}
|
||||
.menutop .item{color:#333333;text-decoration:none;}
|
||||
.menutop li .item{background-color:#DDDDDD;border-color:#EEEEEE #CCCCCC #CCCCCC #EEEEEE;border-style:solid;border-width:1px;color:#333;}
|
||||
.menutop li li .item,.menutop li.sfHover .item, .menutop .level2 li .item{background-color:#CCCCCC;border-color:#DDDDDD #BBBBBB #BBBBBB #DDDDDD;border-style:solid;border-width:1px;color:#333;}
|
||||
.menutop li.sfHover li .daddy,.menutop li li .daddy, .menutop .level2 li .daddy{background-image:url(../images/level2-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
.menutop li li li .item,.menutop li li.sfHover .item, .menutop .level3 li .item{background-color:#BBBBBB;border-color:#CCCCCC #AAAAAA #AAAAAA #CCCCCC;border-style:solid;border-width:1px;color:#333;}
|
||||
.menutop li li li .daddy,.menutop li li.sfHover .daddy, .menutop .level3 li .daddy{background-image:url(../images/level3-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
.menutop li li li li .item,.menutop li li li.sfHover .item, .menutop .level4 li .item{background-color:#AAAAAA;border-color:#BBBBBB #999999 #999999 #BBBBBB;border-style:solid;border-width:1px;color:#333;}
|
||||
.menutop li li li li .daddy,.menutop li li li.sfHover .daddy, .menutop .level4 li .daddy{background-image:url(../images/level4-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
|
||||
.menutop li.active .item-active,.menutop li li.active .item-active,.menutop li li li.active .item-active,.menutop li li li li.active .item-active, .menutop li.active .daddy-item-active, .menutop li li.active .daddy-item-active {background-color:#EE501C;border-color:#F86134 #D24916 #D24916 #F86134;border-style:solid;border-width:1px;color:#FFFFFF;}
|
||||
|
||||
.menutop li.active .daddy-item-active {background-image:url(../images/top-light.png);background-position:100% 100%;}
|
||||
.menutop li li.active .daddy-item-active, .menutop .level2 li.active .daddy-item-active, .menutop .level3 li.active .daddy-item-active, .menutop .level4 li.active .daddy-item-active {background-image:url(../images/active-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
|
||||
.menutop li.sfHover .item-sfHover,.menutop li li.sfHover .item-sfHover,.menutop li li li.sfHover .item-sfHover, .menutop .level2 li.sfHover .item-sfHover, .menutop .level3 li.sfHover .item-sfHover, .menutop .level4 li.sfHover .item-sfHover{background-color:#2C87C0;border-color:#138FDC #0D5F92 #0D5F92 #138FDC;border-style:solid;border-width:1px;color:#FFFFFF;}
|
||||
.menutop li li.sfHover .daddy-sfHover,.menutop li li li.sfHover .daddy-sfHover,.menutop li li li li.sfHover .daddy-sfHover, .menutop .level2 li.sfHover .daddy-sfHover, .menutop .level3 li.sfHover .daddy-sfHover, .menutop .level4 li.sfHover .daddy-sfHover{background-image:url(../images/hover-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
.menutop li.sfHover span.item-sfHover,.menutop li li.sfHover span.item-sfHover,.menutop li li li.sfHover span.item-sfHover, .menutop .level2 li.sfHover span.item-sfHover, , .menutop .level3 li.sfHover span.item-sfHover, , .menutop .level4 li.sfHover span.item-sfHover{background-color:#666666;border-color:#777777 #555555 #555555 #777777;border-style:solid;border-width:1px;color:#FFFFFF;}
|
||||
.menutop li li.sfHover span.daddy-sfHover,.menutop li li li.sfHover span.daddy-sfHover,.menutop li li li li.sfHover span.daddy-sfHover, .menutop .level2 li.sfHover span.daddy-sfHover {background-image:url(../images/sep-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
.menutop li li .item{height:auto;line-height:1.2em;padding:0;}
|
||||
.menutop li li .item span{display:block;padding:0 5px;}
|
||||
.menutop li.sfHover ul{left:0;top:32px;}
|
||||
.menutop ul{width:175px;}
|
||||
.menutop li li.sfHover ul,.menutop li li li.sfHover ul,.menutop li li li li.sfHover ul{left:175px;top:0;}
|
||||
|
||||
.fusion-js-container {position:absolute !important;}
|
93
modules/mod_roknavmenu/themes/fusion/css/fusion.css
Normal file
@ -0,0 +1,93 @@
|
||||
/*!
|
||||
* @version $Id: fusion.css 4586 2012-10-27 01:50:24Z btowles $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
body {font-family:Helvetica,Arial,sans-serif;font-size:12px;}
|
||||
|
||||
/* CORE */
|
||||
|
||||
.menutop,.menutop * {margin:0;padding:0;}
|
||||
.menutop {float:left;position:relative;padding-bottom:2px;}
|
||||
.menutop li {list-style:none;position:relative;width:100%;height:25px;float:none;}
|
||||
.menutop li a.item {cursor:pointer;}
|
||||
.menutop li span.item {cursor:default;outline:none;}
|
||||
.menutop li .item {display:block;float:left;display:block;margin:0;height:25px;line-height:25px;}
|
||||
.menutop li li .item,
|
||||
.menutop li .item, .menutop li.active li .item {display:block;margin:0;text-decoration:none;float:none;}
|
||||
.menutop li .fusion-submenu-wrapper, .menutop li ul {float: none;left: -999em;position: absolute;z-index: 500;}
|
||||
.menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;}
|
||||
.menutop li:hover ul, .menutop li.sfHover ul {top: 0;}
|
||||
.menutop li li {position:relative;float:none;}
|
||||
|
||||
/* Drop Downs */
|
||||
.menutop ul {width:175px;position:relative;}
|
||||
|
||||
/* Level 1 */
|
||||
.menutop li .item {text-decoration:none;display:block;padding:0 15px;background:#ddd;border-color:#eee #ccc #ccc #eee;border-style:solid;border-width:1px;color:#333333;text-decoration:none;}
|
||||
|
||||
.level1 .f-mainparent-itemfocus .item {background:#ccc 100% 100% no-repeat;border-color:#ddd #bbb #bbb #ddd;border-style:solid;border-width:1px;}
|
||||
|
||||
.menutop li:hover > .item {background-color:#ccc;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;}
|
||||
.menutop li:hover > .daddy:hover {background-image:url(../images/top-light.png);background-position: 100% 100%;}
|
||||
|
||||
/* Level 2 */
|
||||
.menutop .level2 li > .item {background:#ccc;border-color:#ddd #bbb #bbb #ddd;border-style:solid;border-width:1px;}
|
||||
.menutop .level2 li:hover > .daddy, .menutop .level2 li > .daddy {background-image:url(../images/level2-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
|
||||
.menutop .level2 .f-menuparent-itemfocus .item, .menutop .level2 li:hover .item {background:#bbb;border-color:#ccc #aaa #aaa #ccc;color:#333;}
|
||||
.menutop .level2 .f-menuparent-itemfocus .daddy, .menutop .level2 li:hover .daddy {background-image:url(../images/level3-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
|
||||
|
||||
/* Level 3 */
|
||||
.menutop .level3 li > .item {background:#bbb;border-color:#ccc #aaa #aaa #ccc;border-style:solid;border-width:1px;}
|
||||
.menutop .level3 li:hover > .daddy, .menutop .level3 li > .daddy {background-image:url(../images/level3-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
|
||||
.menutop .level3 .f-menuparent-itemfocus .item, .menutop .level3 li:hover .item {background:#aaa;border-color:#bbb #999 #999 #bbb;color:#333;}
|
||||
.menutop .level3 .f-menuparent-itemfocus .daddy, .menutop .level3 li:hover .daddy {background-image:url(../images/level4-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
|
||||
/* Level 4 */
|
||||
.menutop .level4 li > .item {background:#aaa;border-color:#bbb #999 #999 #bbb;border-style:solid;border-width:1px;}
|
||||
.menutop .level4 li:hover > .daddy, .menutop .level4 li > .daddy {background-image:url(../images/level4-parent.png);background-position:100% 50%;background-repeat:no-repeat;}
|
||||
|
||||
.menutop .level4 .f-menuparent-itemfocus .item, .menutop .level4 li:hover .item {background:#999;border-color:#aaa #888 #888 #aaa;color:#333;}
|
||||
|
||||
/* regular hover */
|
||||
.menutop li:hover .item:hover, .menutop li.active .item:hover {background-color:#2c87c0;border-top:1px solid #138fdc;border-left:1px solid #138fdc;border-right:1px solid #0d5f92;border-bottom:1px solid #0d5f92;color:#fff}
|
||||
.menutop li:hover .daddy:hover, .menutop ul li.active:hover > .daddy:hover {background-image:url(../images/hover-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}
|
||||
|
||||
/* seperator hover */
|
||||
.menutop span.item:hover,
|
||||
.menutop li:hover span.item:hover {background-color:#666;border-top:1px solid #777;border-left:1px solid #777;border-right:1px solid #555;border-bottom:1px solid #555;color:#fff}
|
||||
.menutop li:hover span.daddy:hover {background-image:url(../images/sep-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}
|
||||
|
||||
/* Root Items */
|
||||
.menutop li.root {width:auto;float:left;height:30px;}
|
||||
.menutop li.root > .item {float:left;width: auto;height:30px;line-height:30px;}
|
||||
.menutop li.root:hover > .daddy:hover {background-image:url(../images/top-light.png);background-position: 100% 100%;}
|
||||
.menutop li.root > .daddy, .menutop li.root:hover > .daddy {background-image: url(../images/top-dark.png); background-position: 100% 100%; background-repeat: no-repeat;}
|
||||
|
||||
/* Active Items */
|
||||
.menutop li.active > .item {background-color:#EE501C;border-color:#F86134 #D24916 #D24916 #F86134;color:#fff;}
|
||||
.menutop li.active > .daddy {background-image:url(../images/active-parent.png);background-repeat: no-repeat;background-position: 100% 50%;}
|
||||
.menutop li.root.active > .daddy, .menutop li.root.active:hover > .daddy {background-image:url(../images/top-light.png);background-position: 100% 100%;}
|
||||
|
||||
|
||||
/* No JS */
|
||||
.menutop li:hover > .fusion-submenu-wrapper, .menutop li:hover > ul {left:170px;top:0;}
|
||||
.menutop li.root:hover > .fusion-submenu-wrapper, .menutop li.root:hover > ul {top:32px;left:0;}
|
||||
.menutop li:hover ul,
|
||||
.menutop li.sfHover ul {left: 0;top:32px;}
|
||||
.menutop ul {width:175px;}
|
||||
.menutop li li:hover > ul, .menutop li li.sfHover > ul {left:175px;top: 0;}
|
||||
|
||||
.menutop .level2 li {position:relative;float:left;width:100%;}
|
||||
|
||||
/* Fusion Pill */
|
||||
.fusion-pill-l {height: 35px;margin:0 0 0 12px;top:6px;width:50px;position:absolute;left:0;}
|
||||
.fusion-pill-r {margin-left: -12px;height: 35px;}
|
||||
|
||||
/* Fusion JS */
|
||||
.fusion-js-container {display:block;height:0;left:0;overflow:visible;position:absolute;top:0;z-index:600000!important;background:transparent !important;}
|
||||
.fusion-js-subs {display:none;margin:0 0 0 -2px;overflow:hidden;padding:0 2px;position:absolute;}
|
1
modules/mod_roknavmenu/themes/fusion/css/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
28
modules/mod_roknavmenu/themes/fusion/formatter.php
Normal file
@ -0,0 +1,28 @@
|
||||
<?php
|
||||
/**
|
||||
* @version $Id: formatter.php 4585 2012-10-27 01:44:54Z btowles $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
// no direct access
|
||||
defined('_JEXEC') or die('Restricted access');
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
class RokNavMenuFusionFormatter extends AbstractJoomlaRokMenuFormatter {
|
||||
function format_subnode(&$node) {
|
||||
// Format the current node
|
||||
|
||||
if ($node->getType() == 'menuitem' or $node->getType() == 'separator') {
|
||||
if ($node->hasChildren() ) {
|
||||
$node->addLinkClass("daddy");
|
||||
}
|
||||
$node->addLinkClass("item");
|
||||
}
|
||||
if ($node->getLevel() == "0") {
|
||||
$node->addListItemClass("root");
|
||||
}
|
||||
}
|
||||
}
|
BIN
modules/mod_roknavmenu/themes/fusion/images/active-parent.png
Normal file
After Width: | Height: | Size: 234 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/hover-parent.png
Normal file
After Width: | Height: | Size: 234 B |
1
modules/mod_roknavmenu/themes/fusion/images/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
BIN
modules/mod_roknavmenu/themes/fusion/images/level1-parent.png
Normal file
After Width: | Height: | Size: 228 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/level2-parent.png
Normal file
After Width: | Height: | Size: 228 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/level3-parent.png
Normal file
After Width: | Height: | Size: 228 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/level4-parent.png
Normal file
After Width: | Height: | Size: 228 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/parents.png
Normal file
After Width: | Height: | Size: 478 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/sep-parent.png
Normal file
After Width: | Height: | Size: 234 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/top-dark.png
Normal file
After Width: | Height: | Size: 219 B |
BIN
modules/mod_roknavmenu/themes/fusion/images/top-light.png
Normal file
After Width: | Height: | Size: 219 B |
1
modules/mod_roknavmenu/themes/fusion/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
132
modules/mod_roknavmenu/themes/fusion/js/fusion.js
Normal file
@ -0,0 +1,132 @@
|
||||
/*
|
||||
* @version $Id: fusion.js 14422 2013-10-10 18:10:04Z djamil $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
((function(){var b=navigator.userAgent.match(/iPad/i)!=null;
|
||||
var a=new Class({Implements:[Options],version:"1.9.8",options:{centered:false,tweakInitial:{x:0,y:0},tweakSubsequent:{x:0,y:0},tweakSizes:{width:0,height:0},pill:true,direction:{x:"right",y:"down"},effect:"slide and fade",orientation:"horizontal",opacity:1,hideDelay:50000,menuFx:{duration:500,transition:"quad:out"},pillFx:{duration:400,transition:"back:out"}},initialize:function(j,q){this.element=$$(j)[0];
|
||||
this.id=$$(".fusion")[0];if(this.id){this.id=this.id.id;}else{this.id="";}this.setOptions(q);var n=this.element.getElements(".item"),e=this.options,l=Browser.Platform.ios?"mouseover":"mouseenter",k=Browser.Platform.ios?"mouseout":"mouseleave";
|
||||
this.rtl=document.id(document.body).getStyle("direction")=="rtl";this.options.tweakSubsequent.x-=this.options.tweakSizes.width/2;this.options.tweakSubsequent.y-=this.options.tweakSizes.height/2;
|
||||
if(this.rtl){this.options.direction.x="left";this.options.tweakInitial.x*=-1;this.options.tweakSubsequent.x*=-1;}if(this.options.pill){var h=new Element("div",{"class":"fusion-pill-l"}).inject(this.element,"after").setStyle("display","none"),p=this;
|
||||
new Element("div",{"class":"fusion-pill-r"}).inject(h);this.pillsRoots=this.element.getElements(".root");var g=this.element.getElement(".active");this.pillsMargins=h.getStyle("margin-left").toInt()+h.getStyle("margin-right").toInt();
|
||||
this.pillsTopMargins=h.getStyle("margin-top").toInt()+h.getStyle("margin-bottom").toInt();if(!g){this.options.pill=false;}else{h.setStyle("display","block");
|
||||
this.pillsDefaults={left:g.offsetLeft,width:g.offsetWidth-this.pillsMargins,top:g.offsetTop};this.pillFx=new Fx.Morph(h,{duration:e.pillFx.duration,transition:e.pillFx.transition,link:"cancel"}).set(this.pillsDefaults);
|
||||
var f=this.pillsRoots.filter(function(r){return !r.hasClass("parent");});$$(f).addEvent(l,function(){p.ghostRequest=true;p.pillFx.start({left:this.offsetLeft,width:this.offsetWidth-p.pillsMargins,top:this.offsetTop});
|
||||
}).addEvent(k,function(){p.ghostRequest=false;p.pillFx.start(p.pillsDefaults);});}}this.parentLinks={};this.parentSubMenus={};this.childMenu={};this.menuType={};
|
||||
this.subMenus=[];this.hideAllMenusTimeout=null;this.subMenuZindex=1;n.each(function(u,s){u.getCustomID();this.parentLinks[u.id]=u.getParent().getParents("li").getElement(".item");
|
||||
this.childMenu[u.id]=u.getNext(".fusion-submenu-wrapper")||u.getNext("ul")||u.getNext("ol");if(this.childMenu[u.id]){u.fusionSize=this.childMenu[u.id].getCoordinates();
|
||||
}if(this.childMenu[u.id]&&Browser.ie){var r=this.childMenu[u.id].getElement("ul");if(r){var v=r.getStyle("padding-bottom").toInt()||0;u.fusionSize.height+=v;
|
||||
}}var t="subseq";if(document.id(u.getParent(".fusion-submenu-wrapper")||u.getParent("ul")||u.getParent("ol"))===this.element){t="init";}this.menuType[u.id]=t;
|
||||
},this);this.jsContainer=new Element("div",{"class":"fusion-js-container menutop"}).inject(document.body);this.jsContainer.addEvent(l,function(){window.RTFUSION=true;
|
||||
}).addEvent(k,function(){window.RTFUSION=false;});var o=this.element.className.replace("menutop","");if(this.id.length){this.jsContainer.id=this.id;}if(o.length){var m="fusion-js-container "+o+" menutop";
|
||||
this.jsContainer.className=m.clean();}var i=this.element.getElements(".fusion-submenu-wrapper");if(!i.length){i=this.element.getElements("ul");}i.each(function(s,r){var t=s.getElements(".item")[r];
|
||||
if(t&&this.parentLinks[t.id].length==1){t=this.parentLinks[t.id].getLast().getParents("li")[0];}var u=new Element("div",{"class":"fusion-js-subs"}).inject(this.jsContainer).adopt(s);
|
||||
if(t&&t.hasClass("active")){s.getParent().addClass("active");}},this);this.jsContainer.getElements(".item").setProperty("tabindex","-1");n.each(function(u,s){if(!this.childMenu[u.id]){return;
|
||||
}this.childMenu[u.id]=this.childMenu[u.id].getParent("div");this.subMenus.include(this.childMenu[u.id]);var r=[];this.parentLinks[u.id].each(function(w,v){r.push(this.childMenu[w.id]);
|
||||
},this);this.parentSubMenus[u.id]=r;var t=new c(this.options,this,u);},this);}});var c=new Class({Implements:[Options],options:{onSubMenuInit_begin:(function(e){}),onSubMenuInit_complete:(function(e){}),onMatchWidth_begin:(function(e){}),onMatchWidth_complete:(function(e){}),onHideSubMenu_begin:(function(e){}),onHideSubMenu_complete:(function(e){}),onHideOtherSubMenus_begin:(function(e){}),onHideOtherSubMenus_complete:(function(e){}),onHideAllSubMenus_begin:(function(e){}),onHideAllSubMenus_complete:(function(e){}),onPositionSubMenu_begin:(function(e){}),onPositionSubMenu_complete:(function(e){}),onShowSubMenu_begin:(function(e){}),onShowSubMenu_complete:(function(e){})},root:null,btn:null,hidden:true,myEffect:null,initialize:function(g,f,h){this.setOptions(g);
|
||||
this.root=f;this.btn=document.id(h);this.childMenu=document.id(f.childMenu[h.id]);this.subMenuType=f.menuType[h.id];this.parentSubMenus=$$(f.parentSubMenus[h.id]);
|
||||
this.parentLinks=$$(f.parentLinks[h.id]);this.parentSubMenu=document.id(this.parentSubMenus[0]);this.otherSubMenus={};this.fxMorph={};this.rtl=f.rtl;this.options.tweakInitial=this.root.options.tweakInitial;
|
||||
this.options.tweakSubsequent=this.root.options.tweakSubsequent;this.options.centered=this.root.options.centered;this.childMenu.fusionStatus="closed";this.options.onSubMenuInit_begin(this);
|
||||
this.childMenu.addEvent("hide",this.hideSubMenu.bind(this));this.childMenu.addEvent("show",this.showSubMenu.bind(this));var k=this.childMenu,e=Browser.Platform.ios?"mouseover":"mouseenter",i=Browser.Platform.ios?"mouseout":"mouseleave";
|
||||
if(this.options.effect){this.myEffect=new Fx.Morph(this.childMenu.getFirst(),{duration:this.options.menuFx.duration,transition:this.options.menuFx.transition,link:"cancel",onStart:function(){this.element.setStyle("display","block");
|
||||
},onComplete:function(){if(k.fusionStatus=="closed"){if(!Browser.ie){k.setStyle("display","none");}else{this.element.setStyle("display","none");}}}});}if(this.options.effect=="slide"||this.options.effect=="slide and fade"){if(this.subMenuType=="init"&&this.options.orientation=="horizontal"){this.myEffect.set({"margin-top":"0"});
|
||||
}else{if(!this.rtl){this.myEffect.set({"margin-left":"0"});}else{this.myEffect.set({"margin-right":"0"});}}}else{if(this.options.effect=="fade"||this.options.effect=="slide and fade"){this.myEffect.set({opacity:0});
|
||||
}}if(this.options.effect!="fade"&&this.options.effect!="slide and fade"){this.myEffect.set({opacity:this.options.opacity});}var j=document.id(this.childMenu).getElements(".item").filter(function(m,l){return !f.childMenu[m.id];
|
||||
});j.each(function(o,l){document.id(o).getParent().addClass("f-submenu-item");var n=o.getParent();var m=o.getParents("li").length;if(m<2&&!n.hasClass("fusion-grouped")){n.addEvent(e,function(p){this.childMenu.fireEvent("show");
|
||||
if(!b){this.cancellHideAllSubMenus();this.hideOtherSubMenus();}}.bind(this));n.addEvent(i,function(p){this.cancellHideAllSubMenus();this.hideAllSubMenus();
|
||||
}.bind(this));n.addEvents({focus:function(p){this.childMenu.fireEvent("show");this.cancellHideAllSubMenus();this.hideOtherSubMenus();}.bind(this),blur:function(p){this.cancellHideAllSubMenus();
|
||||
this.hideAllSubMenus();}.bind(this)});}else{n.addEvent(e,function(p){this.childMenu.fireEvent("show");this.cancellHideAllSubMenus();if(!n.hasClass("fusion-grouped")){this.hideOtherSubMenus();
|
||||
}}.bind(this)).addEvent(i,function(p){}.bind(this));}},this);this.btn.removeClass("fusion-submenu-item");if(this.subMenuType=="init"){this.btn.getParent().addClass("f-main-parent");
|
||||
}else{this.btn.getParent().addClass("f-parent-item");}this.btn.getParent().addEvent(e,function(l){this.cancellHideAllSubMenus();this.hideOtherSubMenus();
|
||||
this.showSubMenu();if(this.subMenuType=="init"&&this.options.mmbClassName&&this.options.mmbFocusedClassName){if(!this.fxMorph[this.btn.id]){this.fxMorph[this.btn.id]={};
|
||||
}if(!this.fxMorph[this.btn.id]["btnMorph"]){this.fxMorph[this.btn.id]["btnMorph"]=new Fx.Morph(this.btn,{duration:this.options.menuFx.duration,transition:this.options.menuFx.transition,link:"cancel"});
|
||||
}this.fxMorph[this.btn.id]["btnMorph"].start(this.options.mmbFocusedClassName);}}.bind(this)).addEvent(i,function(l){this.cancellHideAllSubMenus();this.hideAllSubMenus(this.btn,this.btn.getParent().getParent().get("tag")=="ol");
|
||||
}.bind(this)).addEvents({focus:function(l){this.cancellHideAllSubMenus();this.hideOtherSubMenus();this.showSubMenu();if(this.subMenuType=="init"&&this.options.mmbClassName&&this.options.mmbFocusedClassName){if(!this.fxMorph[this.btn.id]){this.fxMorph[this.btn.id]={};
|
||||
}if(!this.fxMorph[this.btn.id]["btnMorph"]){this.fxMorph[this.btn.id]["btnMorph"]=new Fx.Morph(this.btn,{duration:this.options.menuFx.duration,transition:this.options.menuFx.transition,link:"cancel"});
|
||||
}this.fxMorph[this.btn.id]["btnMorph"].start(this.options.mmbFocusedClassName);}}.bind(this),blur:function(l){this.cancellHideAllSubMenus();this.hideAllSubMenus();
|
||||
}.bind(this)});this.options.onSubMenuInit_complete(this);},matchWidth:function(){if(this.widthMatched||this.subMenuType==="subseq"){return;}this.options.onMatchWidth_begin(this);
|
||||
var e=this.btn.getCoordinates().width;this.childMenu.getElements(".item").each(function(i,h){var g=parseFloat(this.childMenu.getFirst().getStyle("border-left-width"))+parseFloat(this.childMenu.getFirst().getStyle("border-right-width"));
|
||||
var f=parseFloat(i.getStyle("padding-left"))+parseFloat(i.getStyle("padding-right"));var j=g+f;if(e>i.getCoordinates().width){i.setStyle("width",e-j);i.setStyle("margin-right",-g);
|
||||
}}.bind(this));this.width=this.btn.fusionSize.width;this.widthMatched=true;this.options.onMatchWidth_complete(this);},hideSubMenu:function(){if(this.childMenu.fusionStatus==="closed"){return;
|
||||
}this.options.onHideSubMenu_begin(this);if(this.subMenuType=="init"){if(this.options.mmbClassName&&this.options.mmbFocusedClassName){if(!this.fxMorph[this.btn.id]){this.fxMorph[this.btn.id]={};
|
||||
}if(!this.fxMorph[this.btn.id]["btnMorph"]){this.fxMorph[this.btn.id]["btnMorph"]=new Fx.Morph(this.btn,{duration:this.options.menuFx.duration,transition:this.options.menuFx.transition,link:"cancel"});
|
||||
}this.fxMorph[this.btn.id]["btnMorph"].start(this.options.mmbClassName).chain(function(){this.btn.getParent().removeClass("f-mainparent-itemfocus");this.btn.getParent().addClass("f-mainparent-item");
|
||||
}.bind(this));}else{this.btn.getParent().removeClass("f-mainparent-itemfocus");this.btn.getParent().addClass("f-mainparent-item");}}else{this.btn.getParent().removeClass("f-menuparent-itemfocus");
|
||||
this.btn.getParent().addClass("f-menuparent-item");}this.childMenu.setStyle("z-index",1);if(this.options.effect&&this.options.effect.toLowerCase()==="slide"){if(this.subMenuType=="init"&&this.options.orientation=="horizontal"&&this.options.direction.y=="down"){this.myEffect.start({"margin-top":-this.height}).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}else{if(this.subMenuType=="init"&&this.options.orientation=="horizontal"&&this.options.direction.y=="up"){this.myEffect.start({"margin-top":this.height}).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}else{if(this.options.direction.x=="right"){if(!this.rtl){tmp={"margin-left":-this.width};
|
||||
}else{tmp={"margin-right":this.width};}this.myEffect.start(tmp).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}else{if(this.options.direction.x=="left"){if(!this.rtl){tmp={"margin-left":this.width};
|
||||
}else{tmp={"margin-right":-this.width};}this.myEffect.start(tmp).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}}}}}else{if(this.options.effect=="fade"){this.myEffect.start({opacity:0}).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}else{if(this.options.effect=="slide and fade"){if(this.subMenuType=="init"&&this.options.orientation=="horizontal"&&this.options.direction.y=="down"){this.myEffect.start({"margin-top":-this.height,opacity:0}).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}else{if(this.subMenuType=="init"&&this.options.orientation=="horizontal"&&this.options.direction.y=="up"){this.myEffect.start({"margin-top":this.height,opacity:0}).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}else{if(this.options.direction.x=="right"){if(!this.rtl){tmp={"margin-left":-this.width,opacity:0};
|
||||
}else{tmp={"margin-right":this.width,opacity:0};}this.myEffect.start(tmp).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}else{if(this.options.direction.x=="left"){if(!this.rtl){tmp={"margin-left":this.width,opacity:0};
|
||||
}else{tmp={"margin-right":-this.width,opacity:0};}this.myEffect.start(tmp).chain(function(){if(this.childMenu.fusionStatus=="closed"){if(!Browser.ie){this.myEffect.set({display:"none"});
|
||||
}else{this.myEffect.element.setStyle("display","none");}}}.bind(this));}}}}}else{if(!Browser.ie){this.myEffect.set({display:"none"});}else{this.myEffect.element.setStyle("display","none");
|
||||
}}}}this.childMenu.fusionStatus="closed";this.options.onHideSubMenu_complete(this);},hideOtherSubMenus:function(){this.options.onHideOtherSubMenus_begin(this);
|
||||
if(!this.otherSubMenus[this.btn.id]){this.otherSubMenus[this.btn.id]=$$(this.root.subMenus.filter(function(e){return !this.root.parentSubMenus[this.btn.id].contains(e)&&e!=this.childMenu;
|
||||
}.bind(this)));}this.parentSubMenus.fireEvent("show");this.otherSubMenus[this.btn.id].fireEvent("hide");this.options.onHideOtherSubMenus_complete(this);
|
||||
},hideAllSubMenus:function(e,f){this.options.onHideAllSubMenus_begin(this);clearTimeout(this.root.hideAllMenusTimeout);this.root.hideAllMenusTimeout=(function(){if(!window.RTFUSION){clearTimeout(this.hideAllMenusTimeout);
|
||||
this.myEffect.cancel();if(this.root.options.pill&&!this.root.ghostRequest){this.root.pillFx.start(this.root.pillsDefaults);}if(f){var g=$$(this.root.subMenus).filter(function(h){return !h.hasChild(e);
|
||||
});$$(g).fireEvent("hide");}else{$$(this.root.subMenus).fireEvent("hide");}}}).bind(this).delay(this.options.hideDelay);this.options.onHideAllSubMenus_complete(this);
|
||||
},cancellHideAllSubMenus:function(){clearTimeout(this.root.hideAllMenusTimeout);},showSubMenu:function(e){if(this.root.options.pill&&this.subMenuType=="init"){this.root.ghostRequest=false;
|
||||
this.root.pillFx.start({left:this.btn.getParent().offsetLeft,width:this.btn.getParent().offsetWidth-this.root.pillsMargins,top:this.btn.getParent().offsetTop});
|
||||
}if(this.childMenu.fusionStatus==="open"){return;}this.options.onShowSubMenu_begin(this);if(this.subMenuType=="init"){this.btn.getParent().removeClass("f-mainparent-item");
|
||||
this.btn.getParent().addClass("f-mainparent-itemfocus");}else{this.btn.getParent().removeClass("f-menuparent-item");this.btn.getParent().addClass("f-menuparent-itemfocus");
|
||||
}this.root.subMenuZindex++;this.childMenu.setStyles({display:"block",visibility:"hidden","z-index":this.root.subMenuZindex});if(!this.width||!this.height){this.width=this.btn.fusionSize.width;
|
||||
this.height=this.btn.fusionSize.height;this.childMenu.getFirst().setStyle("height",this.height,"border");if(this.options.effect=="slide"||this.options.effect=="slide and fade"){if(this.subMenuType=="init"&&this.options.orientation=="horizontal"){this.childMenu.getFirst().setStyle("margin-top","0");
|
||||
if(this.options.direction.y=="down"){this.myEffect.set({"margin-top":-this.height});}else{if(this.options.direction.y=="up"){this.myEffect.set({"margin-top":this.height});
|
||||
}}}else{if(this.options.direction.x=="left"){if(!this.rtl){tmp={"margin-left":this.width};}else{tmp={"margin-right":-this.width};}this.myEffect.set(tmp);
|
||||
}else{if(!this.rtl){tmp={"margin-left":-this.width};}else{tmp={"margin-right":this.width};}this.myEffect.set(tmp);}}}}this.matchWidth();this.positionSubMenu();
|
||||
this.fixedHeader=document.body.hasClass("fixedheader-1");if(this.fixedHeader&&!this.scrollingEvent){this.scrollingEvent=true;window.addEvent("scroll",function(){this.positionSubMenu();
|
||||
}.bind(this));this.positionSubMenu();}if(this.options.effect=="slide"){this.childMenu.setStyles({display:"block",visibility:"visible"});if(this.subMenuType==="init"&&this.options.orientation==="horizontal"){if(e){this.myEffect.set({"margin-top":0}).chain(function(){this.showSubMenuComplete();
|
||||
}.bind(this));}else{this.myEffect.start({"margin-top":0}).chain(function(){this.showSubMenuComplete();}.bind(this));}}else{if(!this.rtl){tmp={"margin-left":0};
|
||||
}else{tmp={"margin-right":0};}if(e){this.myEffect.set(tmp).chain(function(){this.showSubMenuComplete();}.bind(this));}else{this.myEffect.start(tmp).chain(function(){this.showSubMenuComplete();
|
||||
}.bind(this));}}}else{if(this.options.effect=="fade"){if(e){this.myEffect.set({opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete();
|
||||
}.bind(this));}else{this.myEffect.start({opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete();}.bind(this));}}else{if(this.options.effect=="slide and fade"){this.childMenu.setStyles({display:"block",visibility:"visible"});
|
||||
this.childMenu.getFirst().setStyles({left:0});if(this.subMenuType=="init"&&this.options.orientation=="horizontal"){if(e){this.myEffect.set({"margin-top":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete();
|
||||
}.bind(this));}else{this.myEffect.start({"margin-top":0,opacity:this.options.opacity}).chain(function(){this.showSubMenuComplete();}.bind(this));}}else{if(!this.rtl){tmp={"margin-left":0,opacity:this.options.opacity};
|
||||
}else{tmp={"margin-right":0,opacity:this.options.opacity};}if(e){if(this.options.direction.x=="right"){this.myEffect.set(tmp).chain(function(){this.showSubMenuComplete();
|
||||
}.bind(this));}else{if(this.options.direction.x=="left"){this.myEffect.set(tmp).chain(function(){this.showSubMenuComplete();}.bind(this));}}}else{if(this.options.direction.x=="right"){this.myEffect.set({"margin-left":-this.width,opacity:this.options.opacity});
|
||||
this.myEffect.start(tmp).chain(function(){this.showSubMenuComplete();}.bind(this));}else{if(this.options.direction.x=="left"){this.myEffect.set({"margin-left":this.width,opacity:this.options.opacity});
|
||||
this.myEffect.start(tmp).chain(function(){this.showSubMenuComplete();}.bind(this));}}}}}else{this.childMenu.setStyles({display:"block",visibility:"visible"});
|
||||
this.showSubMenuComplete(this);}}}this.childMenu.fusionStatus="open";},showSubMenuComplete:function(){this.options.onShowSubMenu_complete(this);},positionSubMenu:function(){this.options.onPositionSubMenu_begin(this);
|
||||
var q=this.childMenu.getStyle("padding-bottom").toInt()+this.options.tweakSizes.height;var e=this.options.tweakSizes.width;if(!Browser.opera||!Browser.firefox||!Browser.safari){e=0;
|
||||
q=0;}if(!this.rtl){this.childMenu.setStyles({width:this.width+this.options.tweakSizes.width,"padding-bottom":this.options.tweakSizes.height,"padding-top":this.options.tweakSizes.height/2,"padding-left":this.options.tweakSizes.width/2});
|
||||
}else{this.childMenu.setStyles({width:this.width+this.options.tweakSizes.width,"padding-bottom":this.options.tweakSizes.height,"padding-top":this.options.tweakSizes.height/2,"padding-right":this.options.tweakSizes.width/2});
|
||||
}this.childMenu.getFirst().setStyle("width",this.width);if(this.subMenuType=="subseq"){this.options.direction.x="right";this.options.direction.xInverse="left";
|
||||
this.options.direction.y="down";this.options.direction.yInverse="up";if(this.rtl){this.options.direction.x="left";this.options.direction.xInverse="right";
|
||||
}}var l;var n;if(this.subMenuType=="init"){if(this.options.direction.y=="up"){if(this.options.orientation=="vertical"){l=this.btn.getCoordinates().bottom-this.height+this.options.tweakInitial.y;
|
||||
}else{l=this.btn.getCoordinates().top-this.height+this.options.tweakInitial.y;}this.childMenu.style.top=l+"px";}else{if(this.options.orientation=="horizontal"){this.childMenu.style.top=this.btn.getCoordinates().bottom+this.options.tweakInitial.y+"px";
|
||||
}else{if(this.options.orientation=="vertical"){l=this.btn.getPosition().y+this.options.tweakInitial.y;if((l+this.childMenu.getSize2().y)>=document.body.getScrollSize2().y){n=(l+this.childMenu.getSize2().y)-document.body.getScrollSize2().y;
|
||||
l=l-n-20;}this.childMenu.style.top=l+"px";}}}if(this.options.orientation=="horizontal"){var h=this.btn.getPosition().x+this.options.tweakInitial.x,f=0;
|
||||
if(this.rtl){var o=0;if(this.btn.getStyle("margin-left").toInt()<0&&!this.options.centered){o=this.btn.getParent().getPosition().x+this.options.tweakInitial.x;
|
||||
}else{if(this.btn.getStyle("margin-left").toInt()<0&&this.options.centered){o=this.btn.getPosition().x-this.options.tweakInitial.x;}else{o=this.btn.getPosition().x;
|
||||
}}h=o+this.btn.getSize2().x-this.childMenu.getSize2().x;}if(this.options.centered){f=0;var p=this.btn.getSize2().x;if(this.btn.getStyle("margin-left").toInt()<0&&!this.rtl){f=Math.abs(this.btn.getStyle("margin-left").toInt())-Math.abs(this.btn.getFirst().getStyle("padding-left").toInt());
|
||||
}else{f=Math.abs(this.btn.getStyle("margin-right").toInt())-Math.abs(this.btn.getFirst().getStyle("padding-right").toInt());}var m=this.childMenu.getSize2().x;
|
||||
p+=f;var k=Math.max(p,m),g=Math.min(p,m);size=(k-g)/2;if(!this.rtl){h-=size;}else{h+=size;}}this.childMenu.style.left=h+"px";}else{if(this.options.direction.x=="left"){this.childMenu.style.left=this.btn.getPosition().x-this.childMenu.getCoordinates().width+this.options.tweakInitial.x+"px";
|
||||
}else{if(this.options.direction.x=="right"){this.childMenu.style.left=this.btn.getCoordinates().right+this.options.tweakInitial.x+"px";}}}}else{if(this.subMenuType=="subseq"){if(this.options.direction.y==="down"){if((this.btn.getCoordinates().top+this.options.tweakSubsequent.y+this.childMenu.getSize2().y)>=document.body.getScrollSize2().y){n=(this.btn.getCoordinates().top+this.options.tweakSubsequent.y+this.childMenu.getSize2().y)-document.body.getScrollSize2().y;
|
||||
this.childMenu.style.top=(this.btn.getCoordinates().top+this.options.tweakSubsequent.y)-n-20+"px";}else{this.childMenu.style.top=this.btn.getCoordinates().top+this.options.tweakSubsequent.y+"px";
|
||||
}}else{if(this.options.direction.y==="up"){if((this.btn.getCoordinates().bottom-this.height+this.options.tweakSubsequent.y)<1){this.options.direction.y="down";
|
||||
this.options.direction.yInverse="up";this.childMenu.style.top=this.btn.getCoordinates().top+this.options.tweakSubsequent.y+"px";}else{this.childMenu.style.top=this.btn.getCoordinates().bottom-this.height+this.options.tweakSubsequent.y+"px";
|
||||
}}}if(this.options.direction.x=="left"){this.childMenu.style.left=this.btn.getCoordinates().left-this.childMenu.getCoordinates().width+this.options.tweakSubsequent.x+"px";
|
||||
if(this.childMenu.getPosition().x<0){this.options.direction.x="right";this.options.direction.xInverse="left";this.childMenu.style.left=this.btn.getPosition().x+this.btn.getCoordinates().width+this.options.tweakSubsequent.x+"px";
|
||||
if(this.options.effect==="slide"||this.options.effect==="slide and fade"){if(!this.rtl){tmp={"margin-left":-this.width,opacity:this.options.opacity};}else{tmp={"margin-right":this.width,opacity:this.options.opacity};
|
||||
}this.myEffect.set(tmp);}}}else{if(this.options.direction.x=="right"){this.childMenu.style.left=this.btn.getCoordinates().right+this.options.tweakSubsequent.x+"px";
|
||||
var i=this.childMenu.getCoordinates().right;var j=document.body.getSize2().x+window.getScroll2().x;if(i>j){this.options.direction.x="left";this.options.direction.xInverse="right";
|
||||
this.childMenu.style.left=this.btn.getCoordinates().left-this.childMenu.getCoordinates().width-this.options.tweakSubsequent.x+"px";if(this.options.effect=="slide"||this.options.effect=="slide and fade"){if(!this.rtl){tmp={"margin-left":this.width,opacity:this.options.opacity};
|
||||
}else{tmp={"margin-right":-this.width,opacity:this.options.opacity};}this.myEffect.set(tmp);}}}}}}this.options.onPositionSubMenu_complete(this);}});Element.implement({getCustomID:function(){if(!this.id){var e=this.get("tag")+"-"+Date.now()+Number.random(0,1000);
|
||||
this.id=e;}return this.id;}});Element.implement({getSize2:function(){if((/^(?:body|html)$/i).test(this.tagName)){return this.getWindow().getSize();}return{x:this.offsetWidth,y:this.offsetHeight};
|
||||
},getScrollSize2:function(){if((/^(?:body|html)$/i).test(this.tagName)){return this.getWindow().getScrollSize();}return{x:this.scrollWidth,y:this.scrollHeight};
|
||||
},getScroll2:function(){if((/^(?:body|html)$/i).test(this.tagName)){return this.getWindow().getScroll();}return{x:this.scrollLeft,y:this.scrollTop};}});
|
||||
[Document,Window].each(function(e){e.implement({getSize2:function(){return this.getSize();},getScroll2:function(){return this.getScroll();},getScrollSize2:function(){return this.getScrollSize();
|
||||
}});});if(!Browser.Engine){if(Browser.Platform.ios){Browser.Platform.ios=true;}Browser.Engine={};var d=function(f,e){Browser.Engine.name=f;Browser.Engine[f+e]=true;
|
||||
Browser.Engine.version=e;};if(Browser.ie){Browser.ie=true;switch(Browser.version){case 6:d("trident",4);break;case 7:d("trident",5);break;case 8:d("trident",6);
|
||||
}}if(Browser.firefox){Browser.firefox=true;if(Browser.version>=3){d("gecko",19);}else{d("gecko",18);}}if(Browser.safari||Browser.chrome){Browser.safari=true;
|
||||
switch(Browser.version){case 2:d("webkit",419);break;case 3:d("webkit",420);break;case 4:d("webkit",525);}}if(Browser.opera){Browser.opera=true;if(Browser.version>=9.6){d("presto",960);
|
||||
}else{if(Browser.version>=9.5){d("presto",950);}else{d("presto",925);}}}if(Browser.name=="unknown"){switch((ua.match(/(?:webkit|khtml|gecko)/)||[])[0]){case"webkit":case"khtml":Browser.safari=true;
|
||||
break;case"gecko":Browser.firefox=true;}}}window.Fusion=a;})());
|
1
modules/mod_roknavmenu/themes/fusion/js/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
14
modules/mod_roknavmenu/themes/fusion/js/sfhover-ie.js
Normal file
@ -0,0 +1,14 @@
|
||||
/*
|
||||
* @version $Id: sfhover-ie.js 4586 2012-10-27 01:50:24Z btowles $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
var sfHover=function(c,e){if(!e){e="sfHover";
|
||||
}var a="sfActive";var b=$$("."+c).getElements("li");b[0].each(function(f){var g=f.getFirst();if(g){b[0].push(g);}});var d=$$("."+c).getElements("li.active");
|
||||
if(d[0]&&d[0].length){d=d[0];d.each(function(h){var j=h.getFirst();if(j){j.addClass("active");var g=j.getProperty("class").split(" ");var f=[];for(i=1,l=g.length;
|
||||
i<l;i++){f.push(g[0]+"-"+g[i]);}f.push(g.join("-"));f.each(function(k){j.addClass(k);});}});}if(!b.length){return false;}b.each(function(f){f.addEvents({mouseenter:function(){var h=this.getProperty("class").split(" ");
|
||||
h=h.filter(function(j){return !j.test("-"+e)&&!j.test("-"+a);});h.each(function(j){if(this.hasClass(j)){this.addClass(j+"-"+e);}},this);var g=h.join("-")+"-"+e;
|
||||
if(!this.hasClass(g)){this.addClass(g);}this.addClass(e);},mouseleave:function(){var h=this.getProperty("class").split(" ");h=h.filter(function(j){return j.test("-"+e);
|
||||
});h.each(function(j){if(this.hasClass(j)){this.removeClass(j);}},this);var g=h.join("-")+"-"+e;if(!this.hasClass(g)){this.removeClass(g);}this.removeClass(e);
|
||||
}});});};window.addEvent("domready",function(){sfHover("menutop");});
|
14
modules/mod_roknavmenu/themes/fusion/js/sfhover.js
Normal file
@ -0,0 +1,14 @@
|
||||
/*
|
||||
* @version $Id: sfhover.js 4586 2012-10-27 01:50:24Z btowles $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
var sfHover=function(c,e){if(!e){e="sfHover";
|
||||
}var a="sfActive";var b=$$("."+c).getElements("li");b[0].each(function(f){var g=f.getFirst();if(g){b[0].push(g);}});var d=$$("."+c).getElements("li.active");
|
||||
if(d[0]&&d[0].length){d=d[0];d.each(function(h){var j=h.getFirst();if(j){j.addClass("active");var g=j.getProperty("class").split(" ");var f=[];for(i=1,l=g.length;
|
||||
i<l;i++){f.push(g[0]+"-"+g[i]);}f.push(g.join("-"));f.each(function(k){j.addClass(k);});}});}if(!b.length){return false;}b.each(function(f){f.addEvents({mouseenter:function(){var h=this.getProperty("class").split(" ");
|
||||
h=h.filter(function(j){return !j.test("-"+e)&&!j.test("-"+a);});h.each(function(j){if(this.hasClass(j)){this.addClass(j+"-"+e);}},this);var g=h.join("-")+"-"+e;
|
||||
if(!this.hasClass(g)){this.addClass(g);}this.addClass(e);},mouseleave:function(){var h=this.getProperty("class").split(" ");h=h.filter(function(j){return j.test("-"+e);
|
||||
});h.each(function(j){if(this.hasClass(j)){this.removeClass(j);}},this);var g=h.join("-")+"-"+e;if(!this.hasClass(g)){this.removeClass(g);}this.removeClass(e);
|
||||
}});});};window.addEvent("domready",function(){sfHover("menutop");});
|
@ -0,0 +1 @@
|
||||
SAMPLE_PARAMTER_LABEL=Show Subtext
|
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
1
modules/mod_roknavmenu/themes/fusion/language/index.html
Normal file
@ -0,0 +1 @@
|
||||
<!DOCTYPE html><title></title>
|
106
modules/mod_roknavmenu/themes/fusion/layout.php
Normal file
@ -0,0 +1,106 @@
|
||||
<?php
|
||||
/**
|
||||
* @version $Id: layout.php 4585 2012-10-27 01:44:54Z btowles $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
|
||||
// no direct access
|
||||
defined('_JEXEC') or die('Restricted access');
|
||||
|
||||
if(!class_exists('RokMavMenuFusionLayout')){
|
||||
class RokMavMenuFusionLayout extends AbstractRokMenuLayout
|
||||
{
|
||||
protected $theme_path;
|
||||
protected $params;
|
||||
|
||||
public function __construct(&$args)
|
||||
{
|
||||
parent::__construct($args);
|
||||
|
||||
$this->theme_path = JPATH_SITE . "/modules/mod_roknavmenu/themes/fusion";
|
||||
$this->args['theme_path'] = $this->theme_path;
|
||||
$this->args['theme_rel_path'] = JURI::root(true) . str_replace(JPATH_SITE, '', $this->theme_path);
|
||||
$this->args['theme_url'] = $this->args['theme_rel_path'];
|
||||
}
|
||||
|
||||
public function stageHeader()
|
||||
{
|
||||
if ($this->args['roknavmenu_fusion_effect'] == 'slidefade') $this->args['roknavmenu_fusion_effect'] = "slide and fade";
|
||||
$this->addScript('js/sfhover.js');
|
||||
|
||||
if ($this->browser->name == "ie" && $this->args['roknavmenu_fusion_effect'] == 'slide and fade') $this->args['roknavmenu_fusion_effect'] = "slide";
|
||||
|
||||
if ($this->args['roknavmenu_fusion_enable_js']) {
|
||||
JHtml::_('behavior.framework', true);
|
||||
$this->addScript('js/fusion.js');
|
||||
ob_start();
|
||||
?>
|
||||
window.addEvent('domready', function() {
|
||||
new Fusion('ul.menutop', {
|
||||
pill: <?php echo $this->args['roknavmenu_fusion_pill']; ?>,
|
||||
effect: '<?php echo $this->args['roknavmenu_fusion_effect']; ?>',
|
||||
opacity: <?php echo $this->args['roknavmenu_fusion_opacity']; ?>,
|
||||
hideDelay: <?php echo $this->args['roknavmenu_fusion_hidedelay']; ?>,
|
||||
centered: <?php echo $this->args['roknavmenu_fusion_centeredOffset']; ?>,
|
||||
tweakInitial: {'x': <?php echo $this->args['roknavmenu_fusion_tweakInitial_x']; ?>, 'y': <?php echo $this->args['roknavmenu_fusion_tweakInitial_y']; ?>},
|
||||
tweakSubsequent: {'x': <?php echo $this->args['roknavmenu_fusion_tweakSubsequent_x']; ?>, 'y': <?php echo $this->args['roknavmenu_fusion_tweakSubsequent_y']; ?>},
|
||||
tweakSizes: {'width': <?php echo $this->args['roknavmenu_fusion_tweak-width']; ?>, 'height': <?php echo $this->args['roknavmenu_fusion_tweak-height']; ?>},
|
||||
menuFx: {duration: <?php echo $this->args['roknavmenu_fusion_menu_duration']; ?>, transition: Fx.Transitions.<?php echo $this->args['roknavmenu_fusion_menu_animation']; ?>},
|
||||
pillFx: {duration: <?php echo $this->args['roknavmenu_fusion_pill_duration']; ?>, transition: Fx.Transitions.<?php echo $this->args['roknavmenu_fusion_pill_animation']; ?>}
|
||||
});
|
||||
});
|
||||
<?php
|
||||
$inline = ob_get_clean();
|
||||
$this->appendInlineScript($inline);
|
||||
}
|
||||
if ($this->args['roknavmenu_fusion_load_css']) {
|
||||
$this->addStyle("css/fusion.css");
|
||||
}
|
||||
}
|
||||
|
||||
protected function renderItem(JoomlaRokMenuNode &$item, RokMenuNodeTree &$menu)
|
||||
{
|
||||
?>
|
||||
<li <?php if ($item->hasListItemClasses()) : ?>class="<?php echo $item->getListItemClasses(); ?>"<?php endif; ?> <?php if ($item->hasCssId() && $this->args['roknavmenu_fusion_enable_current_id']): ?>id="<?php echo $item->css_id; ?>"<?php endif; ?>>
|
||||
<?php if ($item->getType() == 'menuitem') : ?>
|
||||
<a <?php if ($item->hasLinkClasses()): ?>class="<?php echo $item->getLinkClasses(); ?>"<?php endif; ?> <?php if ($item->hasLink()): ?>href="<?php echo $item->getLink(); ?>"<?php endif; ?> <?php if ($item->hasTarget()): ?>target="<?php echo $item->getTarget(); ?>"<?php endif; ?> <?php if ($item->hasAttribute('onclick')): ?>onclick="<?php echo $item->getAttribute('onclick'); ?>"<?php endif; ?><?php if ($item->hasLinkAttribs()): ?> <?php echo $item->getLinkAttribs(); ?><?php endif; ?>>
|
||||
<?php if ($item->hasImage()): ?>
|
||||
<img alt="<?php echo $item->getAlias; ?>" src="<?php echo $item->getImage(); ?>"/><?php endif; ?>
|
||||
<span><?php echo $item->getTitle();?></span>
|
||||
</a>
|
||||
<?php elseif ($item->getType() == 'separator') : ?>
|
||||
<span <?php if ($item->hasLinkClasses()): ?>class="<?php echo $item->getLinkClasses(); ?> nolink"<?php endif; ?>>
|
||||
<span><?php echo $item->getTitle();?></span>
|
||||
</span>
|
||||
<?php endif; ?>
|
||||
<?php if ($item->hasChildren()): ?>
|
||||
<ul class="level<?php echo intval($item->getLevel()) + 2; ?>">
|
||||
<?php foreach ($item->getChildren() as $child) : ?>
|
||||
<?php $this->renderItem($child, $menu); ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
</li>
|
||||
<?php
|
||||
|
||||
}
|
||||
|
||||
|
||||
public function renderMenu(&$menu)
|
||||
{
|
||||
ob_start();
|
||||
?>
|
||||
<div id="horizmenu-surround">
|
||||
<ul class="menutop level1" <?php if ($this->args['tag_id'] != null): ?>id="<?php echo$this->args['tag_id']; ?>"<?php endif; ?>>
|
||||
<?php foreach ($menu->getChildren() as $item) : ?>
|
||||
<?php $this->renderItem($item, $menu); ?>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php
|
||||
return ob_get_clean();
|
||||
}
|
||||
}
|
||||
}
|
112
modules/mod_roknavmenu/themes/fusion/parameters.xml
Normal file
@ -0,0 +1,112 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!--
|
||||
@version $Id: parameters.xml 4585 2012-10-27 01:44:54Z btowles $
|
||||
@author RocketTheme http://www.rockettheme.com
|
||||
@copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
@license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
-->
|
||||
<form>
|
||||
<subfields name="roknavmenu-themes">
|
||||
<fieldset name="fusion">
|
||||
<field name="roknavmenu_fusion_load_css" type="radio" default="1" label="Load CSS" description="">
|
||||
<option value="0">No</option>
|
||||
<option value="1">Yes</option>
|
||||
</field>
|
||||
<field name="roknavmenu_fusion_enable_js" type="radio" default="0" label="Enable JavaScript" description="Enable the JavaScript Effects">
|
||||
<option value="0">No</option>
|
||||
<option value="1">Yes</option>
|
||||
</field>
|
||||
<field name="roknavmenu_fusion_opacity" type="text" default="1" label="Menu Opacity" description="When JavaScript is enabled, this is the menu maximum opacity. Goes from 0.1 to 1" />
|
||||
<field name="roknavmenu_fusion_effect" type="list" default="slidefade" label="Menu Effect" description="When JavaScript is enabled, this is the type of effect for the menu.">
|
||||
<option value="slide">Slide</option>
|
||||
<option value="slidefade">Slide and Fade</option>
|
||||
</field>
|
||||
<field name="roknavmenu_fusion_hidedelay" type="text" default="500" label="Hide Delay" description="When JavaScript is enabled, this is the timeout in milliseconds for the menu to close." />
|
||||
<field name="roknavmenu_fusion_menu_animation" type="list" default="Quad.easeOut" label="Menu Animation" description="When JavaScript is enabled, this is the menu animation">
|
||||
<option value="linear">linear</option>
|
||||
<option value="Quad.easeOut">Quad.easeOut</option>
|
||||
<option value="Quad.easeIn">Quad.easeIn</option>
|
||||
<option value="Quad.easeInOut">Quad.easeInOut</option>
|
||||
<option value="Cubic.easeOut">Cubic.easeOut</option>
|
||||
<option value="Cubic.easeIn">Cubic.easeIn</option>
|
||||
<option value="Cubic.easeInOut">Cubic.easeInOut</option>
|
||||
<option value="Quart.easeOut">Quart.easeOut</option>
|
||||
<option value="Quart.easeIn">Quart.easeIn</option>
|
||||
<option value="Quart.easeInOut">Quart.easeInOut</option>
|
||||
<option value="Quint.easeOut">Quint.easeOut</option>
|
||||
<option value="Quint.easeIn">Quint.easeIn</option>
|
||||
<option value="Quint.easeInOut">Quint.easeInOut</option>
|
||||
<option value="Expo.easeOut">Expo.easeOut</option>
|
||||
<option value="Expo.easeIn">Expo.easeIn</option>
|
||||
<option value="Expo.easeInOut">Expo.easeInOut</option>
|
||||
<option value="Circ.easeOut">Circ.easeOut</option>
|
||||
<option value="Circ.easeIn">Circ.easeIn</option>
|
||||
<option value="Circ.easeInOut">Circ.easeInOut</option>
|
||||
<option value="Sine.easeOut">Sine.easeOut</option>
|
||||
<option value="Sine.easeIn">Sine.easeIn</option>
|
||||
<option value="Sine.easeInOut">Sine.easeInOut</option>
|
||||
<option value="Back.easeOut">Back.easeOut</option>
|
||||
<option value="Back.easeIn">Back.easeIn</option>
|
||||
<option value="Back.easeInOut">Back.easeInOut</option>
|
||||
<option value="Bounce.easeOut">Bounce.easeOut</option>
|
||||
<option value="Bounce.easeIn">Bounce.easeIn</option>
|
||||
<option value="Bounce.easeInOut">Bounce.easeInOut</option>
|
||||
<option value="Elastic.easeOut">Elastic.easeOut</option>
|
||||
<option value="Elastic.easeIn">Elastic.easeIn</option>
|
||||
<option value="Elastic.easeInOut">Elastic.easeInOut</option>
|
||||
</field>
|
||||
<field name="roknavmenu_fusion_menu_duration" type="text" default="400" label="Menu Duration" description="" />
|
||||
|
||||
<field name="roknavmenu_fusion_pill" type="radio" default="0" label="Enable Pill" description="Enable the Pill animation">
|
||||
<option value="0">No</option>
|
||||
<option value="1">Yes</option>
|
||||
</field>
|
||||
<field name="roknavmenu_fusion_pill_animation" type="list" default="Back.easeOut" label="Pill Animation" description="When JavaScript is enabled, this is the pill animation">
|
||||
<option value="linear">linear</option>
|
||||
<option value="Quad.easeOut">Quad.easeOut</option>
|
||||
<option value="Quad.easeIn">Quad.easeIn</option>
|
||||
<option value="Quad.easeInOut">Quad.easeInOut</option>
|
||||
<option value="Cubic.easeOut">Cubic.easeOut</option>
|
||||
<option value="Cubic.easeIn">Cubic.easeIn</option>
|
||||
<option value="Cubic.easeInOut">Cubic.easeInOut</option>
|
||||
<option value="Quart.easeOut">Quart.easeOut</option>
|
||||
<option value="Quart.easeIn">Quart.easeIn</option>
|
||||
<option value="Quart.easeInOut">Quart.easeInOut</option>
|
||||
<option value="Quint.easeOut">Quint.easeOut</option>
|
||||
<option value="Quint.easeIn">Quint.easeIn</option>
|
||||
<option value="Quint.easeInOut">Quint.easeInOut</option>
|
||||
<option value="Expo.easeOut">Expo.easeOut</option>
|
||||
<option value="Expo.easeIn">Expo.easeIn</option>
|
||||
<option value="Expo.easeInOut">Expo.easeInOut</option>
|
||||
<option value="Circ.easeOut">Circ.easeOut</option>
|
||||
<option value="Circ.easeIn">Circ.easeIn</option>
|
||||
<option value="Circ.easeInOut">Circ.easeInOut</option>
|
||||
<option value="Sine.easeOut">Sine.easeOut</option>
|
||||
<option value="Sine.easeIn">Sine.easeIn</option>
|
||||
<option value="Sine.easeInOut">Sine.easeInOut</option>
|
||||
<option value="Back.easeOut">Back.easeOut</option>
|
||||
<option value="Back.easeIn">Back.easeIn</option>
|
||||
<option value="Back.easeInOut">Back.easeInOut</option>
|
||||
<option value="Bounce.easeOut">Bounce.easeOut</option>
|
||||
<option value="Bounce.easeIn">Bounce.easeIn</option>
|
||||
<option value="Bounce.easeInOut">Bounce.easeInOut</option>
|
||||
<option value="Elastic.easeOut">Elastic.easeOut</option>
|
||||
<option value="Elastic.easeIn">Elastic.easeIn</option>
|
||||
<option value="Elastic.easeInOut">Elastic.easeInOut</option>
|
||||
</field>
|
||||
<field name="roknavmenu_fusion_pill_duration" type="text" default="400" label="Pill Duration" description="" />
|
||||
<field name="roknavmenu_fusion_centeredOffset" type="radio" default="0" label="Centered Dropdowns" description="Used to have the dropdown centering with the root menu.">
|
||||
<option value="0">No</option>
|
||||
<option value="1">Yes</option>
|
||||
</field>
|
||||
<field name="roknavmenu_fusion_tweakInitial_x" type="text" default="0" label="Level 2 X Offset" description="Used to adjust the offset of the X axis starting point of the Level 2 submenu" />
|
||||
<field name="roknavmenu_fusion_tweakInitial_y" type="text" default="0" label="Level 2 Y Offset" description="Used to adjust the offset of the Y axis starting point of the Level 2 submenu" />
|
||||
<field name="roknavmenu_fusion_tweakSubsequent_x" type="text" default="0" label="Submenus X Offset" description="Used to adjust the offset of the X axis starting point of the submenu" />
|
||||
<field name="roknavmenu_fusion_tweakSubsequent_y" type="text" default="0" label="Submenus Y Offset" description="Used to adjust the offset of the Y axis starting point of the submenu" />
|
||||
<field name="roknavmenu_fusion_enable_current_id" type="radio" default="0" label="Enable Active ID" description="Joomla's default menu uses an Active ID that can cause CSS invalidation. It is not used by the fusion menu.">
|
||||
<option value="0">No</option>
|
||||
<option value="1">Yes</option>
|
||||
</field>
|
||||
</fieldset>
|
||||
</subfields>
|
||||
</form>
|
41
modules/mod_roknavmenu/themes/fusion/theme.php
Normal file
@ -0,0 +1,41 @@
|
||||
<?php
|
||||
/**
|
||||
* @version $Id: theme.php 4585 2012-10-27 01:44:54Z btowles $
|
||||
* @author RocketTheme http://www.rockettheme.com
|
||||
* @copyright Copyright (C) 2007 - 2013 RocketTheme, LLC
|
||||
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
|
||||
*/
|
||||
|
||||
class RokNavMenuFusionTheme extends AbstractRokMenuTheme {
|
||||
|
||||
protected $defaults = array(
|
||||
'roknavmenu_fusion_load_css' => 1,
|
||||
'roknavmenu_fusion_enable_js' => 1,
|
||||
'roknavmenu_fusion_opacity' => 1,
|
||||
'roknavmenu_fusion_effect' => 'slidefade',
|
||||
'roknavmenu_fusion_hidedelay' => 500,
|
||||
'roknavmenu_fusion_menu_animation' => 'Sine.easeOut',
|
||||
'roknavmenu_fusion_menu_duration' => 700,
|
||||
'roknavmenu_fusion_pill' => 0,
|
||||
'roknavmenu_fusion_pill_animation' => 'Sine.easeOut',
|
||||
'roknavmenu_fusion_pill_duration' => 700,
|
||||
'roknavmenu_fusion_centeredOffset' => 0,
|
||||
'roknavmenu_fusion_tweakInitial_x' => -3,
|
||||
'roknavmenu_fusion_tweakInitial_y' => 0,
|
||||
'roknavmenu_fusion_tweakSubsequent_x' => 0,
|
||||
'roknavmenu_fusion_tweakSubsequent_y' => 1,
|
||||
'roknavmenu_fusion_tweak-width' => 0,
|
||||
'roknavmenu_fusion_tweak-height' => 0,
|
||||
'roknavmenu_fusion_enable_current_id' => 0
|
||||
);
|
||||
|
||||
public function getFormatter($args){
|
||||
require_once(dirname(__FILE__) . '/formatter.php');
|
||||
return new RokNavMenuFusionFormatter($args);
|
||||
}
|
||||
|
||||
public function getLayout($args){
|
||||
require_once(dirname(__FILE__) . '/layout.php');
|
||||
return new RokMavMenuFusionLayout($args);
|
||||
}
|
||||
}
|