var img_path = "/des/images/"; // путь к картинкам от корня сайта
var img_menu_dir = ""; // папка с картинками, которые должны меняться (никаких слэшей в названии!)
var img_ext = ".gif"; // расширение у меняемых картинок (должно быть у всех одинаково)
var active_img_suffix = "_a"; // суффикс у активных картинок (т. е. в моём случае путь к первой активной картинке такой: "/i/kak/1s.jpg")
var peplos_opened = false;
var legate_opened = false;
var foto_opened = false;

var show_submenu = function ( elem ) {
	document.getElementById(elem).className='big';
	try{
		show(document.getElementById('menu_img_'+elem));
		document.getElementById('menu_'+elem).style.display='block';
	if(elem==1)
		document.getElementById('menu_first').className='menu_first_a';
	}catch(e){}
}
var hide_submenu = function ( elem ) {
	document.getElementById(elem).className='';
	try{
		hide(document.getElementById('menu_img_'+elem));
		document.getElementById('menu_'+elem).style.display='none';
	if(elem==1)
		document.getElementById('menu_first').className='menu_first';
	}catch(e){}
}

var showcat = function ( elem ) {
    if(document.getElementById(elem).style.display=='none'){
       document.getElementById(elem).style.display='block';
       var str = "^peplos";
		var re = new RegExp(str, "i");
  		peplos = elem.match(re);

  		var str = "^legate";
  		var re = new RegExp(str, "i");
  		legate = elem.match(re);

  		var str = "^fotogalereya";
  		var re = new RegExp(str, "i");
  		foto = elem.match(re);

  		if(peplos){
  			peplos_opened = true;
  		}else if(legate){
  			legate_opened = true;
  		}else if(foto){
  			foto_opened = true;
  		}
    }else{
        document.getElementById(elem).style.display='none';
        var str = "^peplos";
  		var re = new RegExp(str, "i");
  		peplos = elem.match(re);

  		var str = "^legate";
  		var re = new RegExp(str, "i");
  		legate = elem.match(re);

  		var str = "^fotogalereya";
  		var re = new RegExp(str, "i");
  		foto = elem.match(re);

  		if(peplos){
  			id = "cat_peplos";
  			peplos_opened = false;
  		}else if(legate){
  			id = "cat_legate";
  			legate_opened = false;
  		}else if(foto){
  			id = "cat_fotogalereya";
  			foto_opened = false;
  		}

  		if(peplos || legate || foto)
  			document.getElementById(id).src = img_path + img_menu_dir + "/" + id + img_ext;
    }
}
var hidecat = function ( elem ) {
    document.getElementById(elem).style.display='none';
}


function preloadImg(file){
  var image = new Image();
  image.src = img_path + img_menu_dir + "/" + file + img_ext;
}

function show(el){
  var str = img_menu_dir + "\\/menu_(\\d+)" + img_ext;
  var re = new RegExp(str, "i");
  el_src = el.src;
  r = el_src.match(re);
  if (r) el.src = img_path + img_menu_dir + "/menu_" + r[1] + active_img_suffix + img_ext;
}

function hide(el){
  var str = img_menu_dir + "\\/menu_(\\d+)" + active_img_suffix + img_ext;
  var re = new RegExp(str, "i");
  el_src = el.src;
  r = el_src.match(re);
  if (r) el.src = img_path + img_menu_dir + "/menu_" + r[1] + img_ext;
}

function show_cat_header(e){
  	try{
  		var el = window.event ? window.event.srcElement : e.currentTarget;
  		if(!el) el=e;
  	}catch(ex){}
  	el.src = img_path + img_menu_dir + "/" + el.id + active_img_suffix + img_ext;
}

function hide_cat_header(e){
  var el = window.event ? window.event.srcElement : e.currentTarget;

  var str = "^cat_peplos";
  var re = new RegExp(str, "i");
  peplos = el.id.match(re);

  var str = "^cat_legate";
  var re = new RegExp(str, "i");
  legate = el.id.match(re);

  var str = "^cat_fotogalereya";
  var re = new RegExp(str, "i");
  foto = el.id.match(re);

  if((!peplos_opened && peplos) || (!legate_opened && legate) || (!foto_opened && foto)){
  	el.src = img_path + img_menu_dir + "/" + el.id  + img_ext;
  }
}

function init(){
  if (document.images){
    var img_item = img_item_src = r = null;
    var str = img_menu_dir + "\\/menu_(\\d+)" + img_ext;
    var re = new RegExp(str, "i");
    for (var i = 0; (img_item = document.getElementsByTagName("img").item(i)); i++){
      img_item_src = img_item.src;
      r = (img_item.id!="cat_peplos" && img_item.id!="cat_legate" && img_item.id!="cat_fotogalereya")? img_item_src.match(re):0;
      if (!r && img_item.id!="cat_peplos" && img_item.id!="cat_legate" && img_item.id!="cat_fotogalereya") continue; // !!!
      preloadImg(r[1] + active_img_suffix);

      if(img_item.id=="cat_peplos" || img_item.id=="cat_legate" || img_item.id=="cat_fotogalereya"){
	      if (img_item.addEventListener){
	        img_item.addEventListener("mouseover", show_cat_header, false);
	        img_item.addEventListener("mouseout", hide_cat_header, false);
	      }else if (img_item.attachEvent){
	        img_item.attachEvent("onmouseover", show_cat_header);
	        img_item.attachEvent("onmouseout", hide_cat_header);
	      }
      }
    }
  }
}

var root = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;
if (root){
  if (root.addEventListener) root.addEventListener("load", init, false);
  else if (root.attachEvent) root.attachEvent("onload", init);
}