/*
var ImageMenu = new Class({
	getOptions: function(){
		return {
			onOpen: false,
			onClose: Class.empty,
			openWidth: 200,
			transition: Fx.Transitions.quadOut,
			duration: 400,
		open: null,
			border: 0
		};
	},
	initialize: function(elements, options){
		this.setOptions(this.getOptions(), options);
this.elements = $$(elements);
this.widths = {};
		this.widths.closed = this.elements[0].getStyle('width').toInt();
		this.widths.openSelected = this.options.openWidth;
		this.widths.openOthers = Math.round(((this.widths.closed*this.elements.length) - (this.widths.openSelected+this.options.border)) / (this.elements.length-1))
this.fx = new Fx.Elements(this.elements, {wait: false, duration: this.options.duration, transition: this.options.transition});
		this.elements.each(function(el,i){
			el.addEvent('mouseenter', function(e){
			new Event(e).stop();
				this.reset(i);
			}.bind(this));
			el.addEvent('mouseleave', function(e){
				new Event(e).stop();
				this.reset(this.options.open);
			}.bind(this));
			var obj = this;
			el.addEvent('click', function(e){
				if(obj.options.onOpen){


('mylink').addEvent('click', function(e) {
	e = new Event(e).stop(); // will stop the current page going to test.html for JS enabled browsers
	// we can then get the href of 'mylink'
	// And add some other layers of functionality 
	// (eg. opening it in a popup window, retreiving it's content via an Ajax request etc)
});

					new Event(e).stop();
					if(obj.options.open == i){
						obj.options.open = null;
						obj.options.onClose(this.href, i);
					}else{
						obj.options.open = i;
						obj.options.onOpen(this.href, i);
					}
					}
				})
					}.bind(this));
		if(this.options.open){
		if($type(this.options.open) == 'number'){
				this.reset(this.options.open);
		}else{
		this.elements.each(function(el,i){
					if(el.id == this.options.open){
						this.reset(i);
				}
			},this);
		}
	}
	},
reset: function(num){
	if($type(num) == 'number'){
		var width = this.widths.openOthers;
		if(num+1 == this.elements.length){
			width += this.options.border;
		}
	}else{
	var width = this.widths.closed;
		}
	var obj = {};
	this.elements.each(function(el,i){
		var w = width;
	if(i == this.elements.length-1){
				w = width+5
	}
	obj[i] = {'width': w};
	}.bind(this));
		if($type(num) == 'number'){
		obj[num] = {'width': this.widths.openSelected};
	}
				this.fx.start(obj);
	}
	});
ImageMenu.implement(new Options);
ImageMenu.implement(new Events);
/*************************************************************/

            
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Konstantin Jagello | http://javascript-array.com/ */

var TimeOut         = 300;
var currentLayer    = null;
var currentitem     = null;
var currentLayerNum = 0;
var noClose         = 0;
var closeTimer      = null;

function mopen(n) {
  var l  = document.getElementById("menu"+n);
  var mm = document.getElementById("mmenu"+n);
	
  if(l) {
    mcancelclosetime();
    l.style.visibility='visible';
    if(currentLayer && (currentLayerNum != n))
      currentLayer.style.visibility='hidden';
    currentLayer = l;
    currentitem = mm;
    currentLayerNum = n;			
  } else if(currentLayer) {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentitem = null;
    currentLayer = null;
 	}
}

function mclosetime() {
  closeTimer = window.setTimeout(mclose, TimeOut);
}

function mcancelclosetime() {
  if(closeTimer) {
    window.clearTimeout(closeTimer);
    closeTimer = null;
  }
}

function mclose() {
  if(currentLayer && noClose!=1)   {
    currentLayer.style.visibility='hidden';
    currentLayerNum = 0;
    currentLayer = null;
    currentitem = null;
  } else {
    noClose = 0;
  }
  currentLayer = null;
  currentitem = null;
}

document.onclick = mclose; 

img = new Array("../image11/li11.gif","../image11/li12.gif","../image11/li21.gif","../image11/li22.gif","../image11/li31.gif","../image11/li32.gif",
"../image11/li41.gif","../image11/li42.gif","../image11/li51.gif","../image11/li52.gif","../image11/li61.gif","../image11/li62.gif","../image11/li71.gif","../image11/li72.gif",
"../image11/li81.gif","../image11/li82.gif",);
bfImg = new Array();
for(i=0; i<img.length; i++) {
  bfImg[i] = new Image();
  bfImg[i].src = img[i];
}