Multiple menus
There can be unlimited number of menus on the single page. Each COOLjsMenu and COOLjsMenu Professional instance must have unique name and unique items set:
<script type="text/javascript" src="menuitems1.js"></script>
<script type="text/javascript" src="menuitems2.js"></script>
<script type="text/javascript" src="menuitems3.js"></script>
...
<script type="text/javascript">
var menu1 = COOLjsMenu("menu1", MENU_ITEMS_MULTIPLE1);
var menu2 = COOLjsMenu("menu2", MENU_ITEMS_MULTIPLE2);
var menu3 = COOLjsMenu("menu3", MENU_ITEMS_MULTIPLE3);
</script>
If you are your menus overlap, then following code will help you:
<script type="text/javascript">
mEvent_old = mEvent;
mEvent = function (m, i, e) {
for (var menu in window.CMenus)
if (menu != m)
window.CMenus[menu].hide();
mEvent_old(m, i, e);
}
</script>
This code must be placed somewhere after the point where coolmenu.js or coolmenupro.js is included.
