/*Script written by Martin Hafner © 2008 http://www.hafnerdesigns.com 
This script may be used and changed freely as long as this msg is intact.
*/

//Generate transition CSS (transition=0 to 23)
//document.write('<STYLE TYPE="text/css">.imgTrans{filter:revealTrans(duration=0.4,transition=12) }</STYLE>');

//Uncomment the next line for fading rollovers instead of dissolving:
document.write('<STYLE TYPE="text/css">.imgTrans{filter:blendTrans(duration=0.4) }</STYLE>');

// --- Arrays to hold info related to menus (indexed by menu name)
// Pressed Button paths
var onImages=new Array();
// UnPressed Button paths
var offImages=new Array();
// The menu's submenu
var subMenus=new Array();

// Keep track of the currently open menu
var openMenu="none";

// Toggle menu expansion for a Menu OnClick
//
function SwitchMenu(menuobj){
  var obj = subMenus[menuobj];
  if(document.getElementById){
    var el = document.getElementById(obj);
    var ar =
document.getElementById("cont").getElementsByTagName("DIV");
    if(el.style.display == "none"){
      for (var i=0; i<ar.length; i++){
        ar[i].style.display = "none";
      }
      if(openMenu != "none")
        turnOff(openMenu);
      el.style.display = "block";
      openMenu = menuobj;
    }
    else{
        el.style.display = "none";
        openMenu = "none";
    }
  }
}

// Used only to fill the menu arrays
//
function DefMenu(imgName, imgSrc1, imgSrc2, subMenu) {
  onImages[imgName] = new Image();
  onImages[imgName].src = imgSrc1;
  offImages[imgName] = new Image();
  offImages[imgName].src = imgSrc2;
  subMenus[imgName] = subMenu;
}

// Press the menu button unconditionally

function turnOn(imgName){
    if(document.images[imgName].filters != null)
      document.images[imgName].filters[0].apply();
    document.images[imgName].src    = onImages[imgName].src;
    if(document.images[imgName].filters != null)
      document.images[imgName].filters[0].play();
}

// UnPress the menu button unconditionally (for menu close events only)

function turnOff(imgName){
  if(document.images[imgName].filters != null)
    document.images[imgName].filters[0].stop();
  document.images[imgName].src = offImages[imgName].src;
}

// UnPress the menu button (for MouseOut events) unless it is the open menu

function turnOffU(imgName){
  if(imgName != openMenu) {
    if(document.images[imgName].filters != null)
      document.images[imgName].filters[0].stop();
    document.images[imgName].src = offImages[imgName].src;
  }
}

//Specify  1) name of the menu,
//         2) path to their 'pressed' image,
//         3) path to their 'unpressed' image,
//   and   4) the name of its sub-menu :

DefMenu("menu1",  "/images/design_elements/youth-on.png", "/images/design_elements/youth-off.png", "sub1");
DefMenu("menu2",  "/images/design_elements/meetkc-on.png", "/images/design_elements/meetkc-off.png", "sub2");
DefMenu("menu3",  "/images/design_elements/whatsnew-on.png", "/images/design_elements/whatsnew-off.png", "sub3");
DefMenu("menu4",  "/images/design_elements/storybox-on.png", "/images/design_elements/storybox-off.png", "sub4");
DefMenu("menu5",  "/images/design_elements/mentorship-on.png", "/images/design_elements/mentorship-off.png", "sub5");
DefMenu("menu6",  "/images/design_elements/workshops-on.png", "/images/design_elements/workshops-off.png", "sub6");
DefMenu("menu7",  "/images/design_elements/pub-on.png", "/images/design_elements/pub-off.png", "sub7");
DefMenu("menu8",  "/images/design_elements/blog-on.png", "/images/design_elements/blog-off.png", "sub8");
DefMenu("menu9",  "/images/design_elements/store-on.png", "/images/design_elements/store-off.png", "sub9");
DefMenu("menu10", "/images/design_elements/contact-on.png", "/images/design_elements/contact-off.png", "sub10");

//document.onselectstart = new Function("return false");