// Preload of images...
pic1off = new Image();
pic1off.src="/img/menu/aboutus/aboutus.gif";

pic1on = new Image();
pic1on.src="/img/menu/aboutus/aboutus_active.gif";

pic2off = new Image();
pic2off.src="/img/menu/services/services.gif";

pic2on = new Image();
pic2on.src="/img/menu/services/services_active.gif";

pic3off = new Image();
pic3off.src="/img/menu/articles/articles.gif";

pic3on = new Image();
pic3on.src="/img/menu/articles/articles_active.gif";

pic4off = new Image();
pic4off.src="/img/menu/projects/projects.gif";

pic4on = new Image();
pic4on.src="/img/menu/projects/projects_active.gif";

pic5off = new Image();
pic5off.src="/img/menu/contacts/contacts.gif";

pic5on = new Image();
pic5on.src="/img/menu/contacts/contacts_active.gif";


function rolloverAttach(){
	
	//отлов div-сабменю
	submenu = document.getElementsByTagName('div');
	var subname;
	for (var j = 1; j<4; j++){
		for (var i = 0; submenuItem = submenu[i]; i++) {
			if (submenuItem.className != 'submenu'+j) continue;
			submenuItem.style.display = 'none';
		}
	}

	//отлов img-меню
	var menu;
	menu = document.getElementsByTagName('img');
	var menuItem;
	for (var j = 1; j<=5; j++){
		for (var i = 0; menuItem = menu[i]; i++) {
			if (menuItem.className!='menu'+j) continue;
			menuItem.onmouseover = mouse_on;
		}
	}
}



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;
	open_(this.className);
}




function mouse_off() {
	
	var _src = this.src.substring(0, this.src.length-11);
	this.src = _src + '.gif';
}




function open_(current){
	close_();
	submenu = document.getElementsByTagName('div');
	for (var i = 0; submenuItem = submenu[i]; i++) {
		if (submenuItem.className != 'sub'+current) continue;
				
				if(submenuItem.style.display == 'none'){
					submenuItem.style.display = 'block';
				}
	}
}


function close_(){
	
	submenu = document.getElementsByTagName('div');
	for (var i = 0; submenuItem = submenu[i]; i++) {
		for (var k = 0; k<=5; k++){
			if (submenuItem.className != 'submenu'+k) continue;
			submenuItem.style.display = 'none'
		}
	}
}


