// Выпадающее текстовое меню и всплывающий гипертекст. Версия 3.0

var CM_Height = 20;                   // Menu height
var CM_BorderColor = "#FFFFFF";       // Menu border color 
var CM_SeparatorColor = "#FFFFFF";    // Menu separator color
var CM_ItemSelect = "#0099CC";		  // Selected item
var CM_ItemNonSelect = "#0069B3";	  // Nonselected item
var CM_SubItemSelect = "#0069B3";     // Selected subitem
var CM_SubItemNonSelect = "#0099CC";  // Nonselected subitem
var CM_ItemClass = "itemclass";       // Item class (Font) 
var CM_SubItemClass = "subitemclass"; // Subitem class (Font) 

// -----------------------------------------------------------------------
var ItemId = 0;
var SubItemId = 0;
var sLayers="";
var sCSS="";
var sBar=""
var cW, cH;

var menuTitles = new Array();
var menuLinks   = new Array();

N4 = document.layers ? 1:0;
dom = (document.getElementById)? true : false;
ie4 = (document.all && !dom)? true : false;

w=window;
d=document;

function reloadPage() {
	if ((innerWidth != cW) || (innerHeight != cH)) location.reload()
}

if (N4) {
	cW=innerWidth;
	cH=innerHeight;
	onresize = reloadPage;
}

function GetPageWidth() {
	if (w.innerWidth != null) return w.innerWidth;
	if (d.body.clientWidth != null) return d.body.clientWidth;
	return (null);
}

function popUp(evt, objID, flag) {
	if (N4) {
		obj = eval("d."+objID);
		objstyle = obj;
		vis='hide';
	}
	else {
		obj = d.getElementById(objID);
		objstyle = obj.style;
		vis='hidden';
	}	
	if ((objstyle.visibility == 'visible') || (objstyle.visibility == 'show')) objstyle.visibility = vis;
	else {
		if (evt.pageY) y=evt.pageY;
		else y=evt.y;
		if (evt.pageX) x=evt.pageX;
		else x=evt.x;

		if (d.body) {
			if (d.body.scrollTop) { 
				y=y + d.body.scrollTop;
				x=x + d.body.scrollLeft;
			}
		}

		if (flag)
			if (N4) y=y+12; 
			else {
				y=y - 30;
				x=x + 20;
			}
		else {
			if (obj.offsetWidth) x=x-obj.offsetWidth;
			if (objstyle.clip.width) x=x-objstyle.clip.width;			
		}
		objstyle.top=y;
		objstyle.left=x;
		objstyle.visibility='visible';
	}
}


function NewItem(name,lnk) {
  if ( !lnk ) lnk = "#";
  SubItemId = 0;
  ItemId++;
  menuTitles[ItemId] = "&nbsp;" + name + "&nbsp;";
  menuLinks[ItemId] = lnk;
  if(N4) {
	  sLayers+='<layer ID=Item'+ItemId+' VISIBILITY=HIDE onMouseOver="ShowLayer('+ItemId+');" onMouseOut="HideLayer('+ItemId+');">&nbsp;\n';
  } 
  else {
	  sLayers+='<div ID=Item'+ItemId+' style="z-index:'+ItemId+';top:99;position:absolute;visibility:hidden;" onMouseOver="ShowLayer('+ItemId+');" onMouseOut="HideLayer('+ItemId+');">\n';
  }
  sLayers+='<table cellspacing=0 cellpadding=0 border=0><tr><td bgcolor='+CM_BorderColor+'><table border=0 cellspacing=1 cellpadding=3>\n';
}

function NewSubItem(txt, lnk) {
  txt="&nbsp;" + txt + "&nbsp;";
  SubItemId++;
  if(N4) sLayers+='<tr><td bgcolor='+CM_SubItemNonSelect+'><a class='+CM_SubItemClass+' href="'+lnk+'">'+txt+'</a></td></tr>\n';
  else {
    if (lnk) sLayers+='<tr><td bgcolor='+CM_SubItemNonSelect+' onMouseOver="this.style.backgroundColor=\''+CM_SubItemSelect+'\'"'+' onMouseOut="this.style.backgroundColor=\''+CM_SubItemNonSelect+'\'"'+' onClick="location.href=\''+lnk+'\'"'+' valign=top><a class='+CM_SubItemClass+' href="'+lnk+'">'+txt+'</a></td></tr>\n';
    else sLayers+='<tr><td bgcolor='+CM_SubItemNonSelect+' valign=top class='+CM_SubItemClass+'>'+txt+'</td></tr>\n';
  }
}

function EndItem() {
  sLayers+='</table></td></tr></table>';
  if (N4) sLayers+='</layer>\n'
  else sLayers+='</div>\n'
}

function PosX(elem) {
  if (N4) {
    el = eval("d.nAN"+elem);
    pos = el.pageX-1;
  } else {
    var pos=elem.offsetLeft-1;
    while ( elem.offsetParent != null ) {
      elem=elem.offsetParent;
      pos+=elem.offsetLeft;
      if ( elem.tagName == 'BODY' ) break;
    }
  }
  return pos;
}

function PosY(elem) {
  if (N4) {
    el = eval("d.nAN"+elem);
    pos = el.pageY;
  } 
  else {
	var pos=elem.offsetTop + elem.offsetHeight;
//	var pos=elem.offsetTop + CM_Height -1;
    while ( elem.offsetParent != null ) {
      elem=elem.offsetParent;
      pos+=elem.offsetTop;
      if ( elem.tagName == 'BODY' ) break;
    }
  }  
  return pos;
}

function DisplayLayer(n,x,y) {
  if (N4) {
    eval("d.Item"+n+".visibility='visible';");
    eval("d.Item"+n+".left="+x+";");
    eval("d.Item"+n+".top="+y+";");
  } else {
	if (ie4) {
		eval("Item"+n).style.visibility='visible';
		eval("Item"+n).style.left=x;
		eval("Item"+n).style.top=y;
		eval("SubItem"+n).style.backgroundColor=CM_ItemSelect;
	} else {
    		m = d.getElementById("Item"+n);
    		m.style.visibility='visible';
    		m.style.left=x;
    		m.style.top=y;
    		m = d.getElementById("SubItem"+n);
    		m.style.backgroundColor=CM_ItemSelect;
	}
  }
}

function ShowLayer(n) {
  if (N4) eval("d.Item"+n+".visibility='visible';");
  else {
	if (ie4) {
		eval("Item"+n).style.visibility='visible';
		eval("SubItem"+n).style.backgroundColor=CM_ItemSelect;
	} else {
    		m = d.getElementById("Item"+n);
    		m.style.visibility='visible';
    		m = d.getElementById("SubItem"+n);
    		m.style.backgroundColor=CM_ItemSelect;
	}
  }
}

function HideLayer(n) {
  if(N4) eval("d.Item"+n+".visibility='hide';");
  else {
	if (ie4) {
		eval("Item"+n).style.visibility='hidden';
		eval("SubItem"+n).style.backgroundColor=CM_ItemNonSelect;
	} else {
    		m = d.getElementById("Item"+n);
    		m.style.visibility='hidden';
    		m = d.getElementById("SubItem"+n);
    		m.style.backgroundColor=CM_ItemNonSelect;
	}
  }
}

function DisplayLayerN(n,x,y) {
  if (N4) {
    eval("d.Item"+n+".visibility='visible';");
    eval("d.Item"+n+".left="+x+";");
    eval("d.Item"+n+".top="+y+";");
  }
}

function HideLayerN(n) {
  if(N4) eval("d.Item"+n+".visibility='hide';");
}

function StartItem(n,txt,lnk) {
  if(N4) {
	sCSS+="#nAN"+n+" { position:relative;}\n";
	sBar+="<td><div id=nAN"+n+" position=relative><a href="+lnk+" class="+CM_ItemClass+" onMouseOver='DisplayLayerN("+n+",PosX("+n+"),PosY("+n+"));' onMouseOut='HideLayerN("+n+");'>"+txt+"</a>&nbsp;</div></td>\n"
  } else {
	sBar+="<td id=SubItem"+n+" onMouseOver='DisplayLayer("+n+",PosX(this),PosY(this));' onMouseOut='HideLayer("+n+");'><nobr>&nbsp;<a href="+lnk+" class="+CM_ItemClass+">"+txt+"</a>&nbsp;</nobr></td>\n"
  }
}

function StartBar() {
var img;
  sBar+="<table border=0 cellspacing=0 cellpadding=0 bgcolor="+CM_ItemNonSelect+"><tr>\n";
  for( var i = 1; i <= ItemId; i++ ) {
    if ( i == 1 ) img="<img src='/r/img/b_home.gif' align=middle>";
    else img="";	
		sBar+="<td bgcolor="+CM_SeparatorColor+" width=1></td>\n";
    StartItem(i,menuTitles[i],menuLinks[i]);
  }
  sBar+="</tr></table>\n";
  if(N4) sCSS="\n<style>\n" + sCSS + "</style>";
//  alert(sCSS);
//  alert(sLayers);
//  alert(sBar);
  d.write(sCSS);
  d.write(sLayers);
  d.write(sBar);
}