<!--
pic1off = new Image();
pic1off.src="../i/menu/about.gif";

pic1on = new Image();
pic1on.src="../i/menu/about_active.gif";

pic2off = new Image();
pic2off.src="../i/menu/contacts.gif";

pic2on = new Image();
pic2on.src="../i/menu/contacts_active.gif";

pic3off = new Image();
pic3off.src="../i/menu/services.gif";

pic3on = new Image();
pic3on.src="../i/menu/services_active.gif";

pic4off = new Image();
pic4off.src="../i/menu/train.gif";

pic4on = new Image();
pic4on.src="../i/menu/train_active.gif";

pic5off = new Image();
pic5off.src="../i/menu/useful.gif";

pic5on = new Image();
pic5on.src="../i/menu/useful_active.gif";

function rolloverAttach(subject){
	var menu = document.getElementById(subject);
	var pictures = menu.getElementsByTagName('img');
	for (var i = 0; element = pictures[i]; i++) {
		 element.onmouseover = mouse_on;
	}
	var list = menu.getElementsByTagName('li');
	for (var i = 0; element = list[i]; i++) {
		 element.onmouseover = mouse_on_li;
	}
}

function mouse_on() {
	if (this.src.indexOf("_active") != -1) return;
	var _src = this.src.substring(0, this.src.length-4);
	this.src = _src + '_active.gif';
	this.onmouseout = mouse_off;
}

function mouse_off() {
	var _src = this.src.substring(0, this.src.length-11);
	this.src = _src + '.gif';
}

function mouse_on_li() {
	if (this.className == 'active') return;
	this.className = 'active';
	this.onmouseout = mouse_off_li;
}

function mouse_off_li() {
	this.className = '';
}
//-->