﻿function interactivemenu(event, strsubmenu,strstate) {
	var ns6 = document.getElementById && !document.all;
	var ie = document.all;
	var i=0;
	
	if (event.relatedTarget) {
		toElement = event.relatedTarget;
	}	else if (event.toElement) {
		toElement = event.toElement;
	}
	while (toElement && toElement.id != 'submenu'+strsubmenu) {
		toElement = toElement.parentNode;
	}
	
	if(strstate=="on") {
		
		for (i=0;i<=10;i++)
		{
			change('submenu'+i,'setCSS','display','none');
		};
		change('submenu'+strsubmenu,'setCSS','display','inline');	
		
	} else {
		
		if(ie){
			
			if (!subcontainer.contains(window.event.toElement)) {
				change('submenu'+strsubmenu,'setCSS','display','none');
			}
		
		} else if(ns6) {

			if (!toElement) {
				if (document.getElementById) {
					change('submenu'+strsubmenu,'setCSS','display','none');
				}
			}
			
		}
	}
}

function interactivesubmenu(event,strsubmenu, strstate) {
	var ns6 = document.getElementById && !document.all;
	var ie = document.all;

	if (event.relatedTarget) {
		toElement = event.relatedTarget;
	}	else if (event.toElement) {
		toElement = event.toElement;
	}
	while (toElement && toElement.id != 'submenu'+strsubmenu) {
		toElement = toElement.parentNode;
	}
	
	if(strstate=="on") {
		
		document.images["image"+strsubmenu].src = "images/menu"+strsubmenu+"_on.jpg";
		
	} else {
		
		document.images["image"+strsubmenu].src = "images/menu"+strsubmenu+"_off.jpg";

		if(ie){
						
			if (!event.fromElement.contains(event.toElement) && !document.getElementById('submenu'+strsubmenu).contains(event.toElement)) 
			{ 
				change('submenu'+strsubmenu,'setCSS','display','none');
			}
			
		} else if(ns6){
			
			if (!toElement) {
				if (document.getElementById) {
					change('submenu'+strsubmenu,'setCSS','display','none');
				}
			}
			
		}
	}
}
