for (var i=0;i<=11;i++) {
	var btn1List = new Array('images_site/btn_home.gif','images_site/btn_home_on.gif',
'images_site/btn_contact.gif','images_site/btn_contact_on.gif',
'images_site/btn_login.gif','images_site/btn_login_on.gif',
'images_site/btn_site_map.gif','images_site/btn_site_map_on.gif',
'images_site/btn_mov_frameworks.gif','images_site/btn_mov_frameworks_on.gif',
'images_site/btn_mov_anatomy.gif','images_site/btn_mov_anatomy_on.gif')
	var btn1 = new Array()

	eval('btn1['+i+'] = new Image()')
	eval('btn1['+i+'].src = "'+btn1List[i]+'"')
}

for (var i=0;i<=3;i++) {
	var btn2List = new Array('images_site/btn_send.gif','images_site/btn_send_on.gif',
'images_site/btn_enter.gif','images_site/btn_enter_on.gif')
	var btn2 = new Array()

	eval('btn2['+i+'] = new Image()')
	eval('btn2['+i+'].src = "'+btn2List[i]+'"')
}

for (var i=0;i<=1;i++) {
	var btn3List = new Array('images_site/btn_langue_en_on.gif','images_site/btn_langue_de_on.gif')
	var btn3 = new Array()

	eval('btn3['+i+'] = new Image()')
	eval('btn3['+i+'].src = "'+btn3List[i]+'"')
}



for (var i=0;i<=11;i++) {
	var sdx1List = new Array('images_site/sdx_01_01.gif','images_site/sdx_01_01_on.gif',
'images_site/sdx_01_02.gif','images_site/sdx_01_02_on.gif',
'images_site/sdx_01_03.gif','images_site/sdx_01_03_on.gif',
'images_site/sdx_01_04.gif','images_site/sdx_01_04_on.gif',
'images_site/sdx_01_05.gif','images_site/sdx_01_05_on.gif',
'images_site/sdx_01_06.gif','images_site/sdx_01_06_on.gif')
	var sdx1 = new Array()

	eval('sdx1['+i+'] = new Image()')
	eval('sdx1['+i+'].src = "'+sdx1List[i]+'"')
}

for (var i=0;i<=3;i++) {
	var sdx2List = new Array('images_site/sdx_02_01.gif','images_site/sdx_02_01_on.gif',
'images_site/sdx_02_02.gif','images_site/sdx_02_02_on.gif')
	var sdx2 = new Array()

	eval('sdx2['+i+'] = new Image()')
	eval('sdx2['+i+'].src = "'+sdx2List[i]+'"')
}

for (var i=0;i<=7;i++) {
	var sdx3List = new Array('images_site/sdx_03_01.gif','images_site/sdx_03_01_on.gif',
'images_site/sdx_03_02.gif','images_site/sdx_03_02_on.gif',
'images_site/sdx_03_03.gif','images_site/sdx_03_03_on.gif',
'images_site/sdx_03_04.gif','images_site/sdx_03_04_on.gif')
	var sdx3 = new Array()

	eval('sdx3['+i+'] = new Image()')
	eval('sdx3['+i+'].src = "'+sdx3List[i]+'"')
}

for (var i=0;i<=5;i++) {
	var sdx4List = new Array('images_site/sdx_04_01.gif','images_site/sdx_04_01_on.gif',
'images_site/sdx_04_02.gif','images_site/sdx_04_02_on.gif',
'images_site/sdx_04_03.gif','images_site/sdx_04_03_on.gif')
	var sdx4 = new Array()

	eval('sdx4['+i+'] = new Image()')
	eval('sdx4['+i+'].src = "'+sdx4List[i]+'"')
}

for (var i=0;i<=5;i++) {
	var sdx5List = new Array('images_site/sdx_05_01.gif','images_site/sdx_05_01_on.gif',
'images_site/sdx_05_02.gif','images_site/sdx_05_02_on.gif',
'images_site/sdx_05_03.gif','images_site/sdx_05_03_on.gif')
	var sdx5 = new Array()

	eval('sdx5['+i+'] = new Image()')
	eval('sdx5['+i+'].src = "'+sdx5List[i]+'"')
}



for (var i=0;i<=11;i++) {
	var ssx1List = new Array('images_site/ssx_01_01.gif','images_site/ssx_01_01_on.gif',
'images_site/ssx_01_02.gif','images_site/ssx_01_02_on.gif',
'images_site/ssx_01_03.gif','images_site/ssx_01_03_on.gif',
'images_site/ssx_01_04.gif','images_site/ssx_01_04_on.gif',
'images_site/ssx_01_05.gif','images_site/ssx_01_05_on.gif',
'images_site/ssx_01_06.gif','images_site/ssx_01_06_on.gif')
	var ssx1 = new Array()

	eval('ssx1['+i+'] = new Image()')
	eval('ssx1['+i+'].src = "'+ssx1List[i]+'"')
}

for (var i=0;i<=3;i++) {
	var ssx2List = new Array('images_site/ssx_02_01.gif','images_site/ssx_02_01_on.gif',
'images_site/ssx_02_02.gif','images_site/ssx_02_02_on.gif')
	var ssx2 = new Array()

	eval('ssx2['+i+'] = new Image()')
	eval('ssx2['+i+'].src = "'+ssx2List[i]+'"')
}

for (var i=0;i<=7;i++) {
	var ssx3List = new Array('images_site/ssx_03_01.gif','images_site/ssx_03_01_on.gif',
'images_site/ssx_03_02.gif','images_site/ssx_03_02_on.gif',
'images_site/ssx_03_03.gif','images_site/ssx_03_03_on.gif',
'images_site/ssx_03_04.gif','images_site/ssx_03_04_on.gif')
	var ssx3 = new Array()

	eval('ssx3['+i+'] = new Image()')
	eval('ssx3['+i+'].src = "'+ssx3List[i]+'"')
}

for (var i=0;i<=5;i++) {
	var ssx4List = new Array('images_site/ssx_04_01.gif','images_site/ssx_04_01_on.gif',
'images_site/ssx_04_02.gif','images_site/ssx_04_02_on.gif',
'images_site/ssx_04_03.gif','images_site/ssx_04_03_on.gif')
	var ssx4 = new Array()

	eval('ssx4['+i+'] = new Image()')
	eval('ssx4['+i+'].src = "'+ssx4List[i]+'"')
}

for (var i=0;i<=5;i++) {
	var ssx5List = new Array('images_site/ssx_05_01.gif','images_site/ssx_05_01_on.gif',
'images_site/ssx_05_02.gif','images_site/ssx_05_02_on.gif',
'images_site/ssx_05_03.gif','images_site/ssx_05_03_on.gif')
	var ssx5 = new Array()

	eval('ssx5['+i+'] = new Image()')
	eval('ssx5['+i+'].src = "'+ssx5List[i]+'"')
}



var menuLayers = {
	timer: null,
	activeMenuID: null,
	offX: 4,	 // horizontal offset
	offY: 6,	 // vertical offset

	show: function(id, e) {
		// alert('show')
		var mnu = document.getElementById? document.getElementById(id): null;
		if (!mnu) return;
		this.activeMenuID = id;
		if ( mnu.onmouseout == null ) mnu.onmouseout = this.mouseoutCheck;
		if ( mnu.onmouseover == null ) mnu.onmouseover = this.clearTimer;
		// viewport.getAll();
		this.position(mnu,e);
	},

	hide: function() {
		// alert('hide')
		this.clearTimer();
		if (this.activeMenuID && document.getElementById)
			this.timer = setTimeout("document.getElementById('"+menuLayers.activeMenuID+"').style.visibility = 'hidden'", 0);
	},

	position: function(mnu, e) {
		/* var x = e.pageX? e.pageX: e.clientX + viewport.scrollX;
		var y = e.pageY? e.pageY: e.clientY + viewport.scrollY;

		if ( x + mnu.offsetWidth + this.offX > viewport.width + viewport.scrollX )
			x = x - mnu.offsetWidth - this.offX;
		else x = x + this.offX;

		if ( y + mnu.offsetHeight + this.offY > viewport.height + viewport.scrollY )
			y = ( y - mnu.offsetHeight - this.offY > viewport.scrollY )? y - mnu.offsetHeight - this.offY : viewport.height + viewport.scrollY - mnu.offsetHeight;
		else y = y + this.offY;

		mnu.style.left = x + "px"; mnu.style.top = y + "px"; */
		// alert('position')
		this.timer = setTimeout("document.getElementById('" + menuLayers.activeMenuID + "').style.visibility = 'visible'", 0);
		
	},

	mouseoutCheck: function(e) {
		// alert('mouseoutCheck')
		e = e? e: window.event;
		// is element moused into contained by menu? or is it menu (ul or li or a to menu div)?
		var mnu = document.getElementById(menuLayers.activeMenuID);
		var toEl = e.relatedTarget? e.relatedTarget: e.toElement;
		if ( mnu != toEl && !menuLayers.contained(toEl, mnu) ) menuLayers.hide();
	},

	// returns true of oNode is contained by oCont (container)
	contained: function(oNode, oCont) {
		// alert('contained')
		if (!oNode) return; // in case alt-tab away while hovering (prevent error)
		while ( oNode = oNode.parentNode )
			if ( oNode == oCont ) return true;
		return false;
	},

	clearTimer: function() {
		// alert('clearTimer')
		if (menuLayers.timer) clearTimeout(menuLayers.timer);
	}
}