moving the megamenu config into a static script

aurora-sim · Apr 27, 2012 · cc1d88f · cc1d88f
1 parent c0c967c
commit cc1d88f
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 56 deletions.
diff --git a/www/index.php b/www/index.php
@@ -156,63 +156,24 @@
 <script type='text/javascript' src='<?php echo SYSURL ?>sites/menus/megamenu/javascripts/jquery.dcmegamenu.1.3.2.js'></script>
 <?php } ?>
 <script type="text/javascript">
-$(document).ready(function($){
-	$('#mega-menu-1').dcMegaMenu({
-		rowItems: '<?php echo $MegaMenuRowItems; ?>',
-		speed: '<?php echo $MegaMenuSpeed; ?>',
-		effect: '<?php echo $MegaMenuEffect; ?>',
-		event: '<?php echo $MegaMenuEvent; ?>'
-	});
-	$('#mega-menu-2').dcMegaMenu({
-		rowItems: '<?php echo $MegaMenuRowItems; ?>',
-		speed: '<?php echo $MegaMenuSpeed; ?>',
-		effect: '<?php echo $MegaMenuEffect; ?>',
-		event: '<?php echo $MegaMenuEvent; ?>'
-	});
-	$('#mega-menu-3').dcMegaMenu({
-		rowItems: '3',
-		speed: 'fast',
-		effect: 'fade',
-		event: 'hover'
-	});
-	$('#mega-menu-4').dcMegaMenu({
-		rowItems: '4',
-		speed: 'fast',
-		effect: 'fade',
-		event: 'hover'
-	});
-	$('#mega-menu-5').dcMegaMenu({
-		rowItems: '1',
-		speed: 'fast',
-		effect: 'fade',
-		event: 'hover'
-	});
-	$('#mega-menu-6').dcMegaMenu({
-		rowItems: '1',
-		speed: 'slow',
-		effect: 'slide',
-		event: 'hover'
-	});
-	$('#mega-menu-7').dcMegaMenu({
-		rowItems: '3',
-		speed: 'fast',
-		effect: 'slide',
-		event: 'hover'
-	});
-	$('#mega-menu-8').dcMegaMenu({
-		rowItems: '4',
-		speed: 'fast',
-		effect: 'fade',
-		event: 'hover'
-	});
-	$('#mega-menu-9').dcMegaMenu({
-		rowItems: '3',
-		speed: 'fast',
-		effect: 'fade',
-		event: 'hover'
-	});
-});
+var
+	megaMenuConfig = <?php echo json_encode(array(
+		'#mega-menu-1' => array(
+			'rowItems' => $MegaMenuRowItems,
+			'speed'    => $MegaMenuSpeed,
+			'effect'   => $MegaMenuEffect,
+			'event'    => $MegaMenuEvent
+		),
+		'#mega-menu-2' => array(
+			'rowItems' => $MegaMenuRowItems,
+			'speed'    => $MegaMenuSpeed,
+			'effect'   => $MegaMenuEffect,
+			'event'    => $MegaMenuEvent
+		)
+	)); ?>
+;
 </script>
+<script type="text/javascript" src="<?php echo SYSURL; ?>sites/menus/megamenu/javascripts/config.js"></script>
 <?php if($MegaMenuPreset == 1 && $displayRoundedCorner){ ?>
 <script type="text/javascript">
 $('.mega-menu, #mega-menu-1, #mega-menu-1 li a').corner();

diff --git a/www/sites/menus/megamenu/javascripts/config.js b/www/sites/menus/megamenu/javascripts/config.js
@@ -0,0 +1,56 @@
+$(document).ready(function($){
+	$('#mega-menu-1').dcMegaMenu({
+		rowItems: megaMenuConfig['#mega-menu-1'].rowItems,
+		speed: megaMenuConfig['#mega-menu-1'].speed,
+		effect: megaMenuConfig['#mega-menu-1'].effect,
+		event: megaMenuConfig['#mega-menu-1'].event
+	});
+	$('#mega-menu-2').dcMegaMenu({
+		rowItems: megaMenuConfig['#mega-menu-2'].rowItems,
+		speed: megaMenuConfig['#mega-menu-2'].speed,
+		effect: megaMenuConfig['#mega-menu-2'].effect,
+		event: megaMenuConfig['#mega-menu-2'].event
+	});
+	$('#mega-menu-3').dcMegaMenu({
+		rowItems: '3',
+		speed: 'fast',
+		effect: 'fade',
+		event: 'hover'
+	});
+	$('#mega-menu-4').dcMegaMenu({
+		rowItems: '4',
+		speed: 'fast',
+		effect: 'fade',
+		event: 'hover'
+	});
+	$('#mega-menu-5').dcMegaMenu({
+		rowItems: '1',
+		speed: 'fast',
+		effect: 'fade',
+		event: 'hover'
+	});
+	$('#mega-menu-6').dcMegaMenu({
+		rowItems: '1',
+		speed: 'slow',
+		effect: 'slide',
+		event: 'hover'
+	});
+	$('#mega-menu-7').dcMegaMenu({
+		rowItems: '3',
+		speed: 'fast',
+		effect: 'slide',
+		event: 'hover'
+	});
+	$('#mega-menu-8').dcMegaMenu({
+		rowItems: '4',
+		speed: 'fast',
+		effect: 'fade',
+		event: 'hover'
+	});
+	$('#mega-menu-9').dcMegaMenu({
+		rowItems: '3',
+		speed: 'fast',
+		effect: 'fade',
+		event: 'hover'
+	});
+});