function OpenNewWindow(url,x,y) { 
	var w=window.open(url,'edit','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,left=10,top=10,width='+x+',height='+y+',resizable=yes'); w.focus();
}

// инициализация переменных
 var cl;
 var isMain=0;
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS4 = (bName == "Netscape" && bVer >= 4);

 
 var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4);
 var menuActive = 0;
 var menuOn = 0;
 var onLayer = null;
 var onLayer2 = null;
 var timeOn = null;
 var timeOn2 = null;
 var loaded = 0;
 var layerRef="";
 var onExpandMenuId=null;
 

// MENU COLOR VARIABLE
 var MenuColorFirst = "#82AD38"
 var MenuColorFirstSelected = "#CAFF80"
 
 
 var MenuColorSecond="#82AD38"
 var MenuColorSecondSelected="#CAFF80"
 
 var MenuColorSecondLink="#CAFF80"
 var MenuColorSecondLinkSelected="#82AD38"
 
 var MenuColorThird="white"
 var MenuColorThirdSelected="#B5CBEF"
 var MenuCellClassFirst="menulink"
 var MenuCellClassFirstSelected="bluebg1"
 var MenuLinkClassFirst="menulink"
 var MenuLinkClassFirstSelected="topmenu"
 var MenuPictFirst="/images/transp.gif"
 var MenuPictFirstSelected="/images/transp.gif"
 var MenuLinkClassThird="text1"
 var MenuLinkClassThirdSelected="topmenu"
 var MenuPictSecond="/images/transp.gif"
 var MenuPictExpandSecond="/images/transp.gif"
 var MenuFrameColorSecond="#82AD38"
 var MenuPictThird="/images/arr2.gif"
		

			
//PRECACHE IMAGES HERE
 function LoadImgs(){
	if (document.images || IE4) {
		loaded = 0
	}
 }

// LAYER SWITCHING CODE
if (NS4 || IE4) {
	if (navigator.appName == "Netscape" && bVer>=4 && bVer<=5) {
		cl="menu";
		if (bVer==5) {
  			layerStyleRef="style.";
			layerRef="document.getElementById";
 			styleSwitch=".style";
			leftPos=".pixelLeft";
		} else {  
  			layerStyleRef="layer.";
  			layerRef="document.layers";
  			styleSwitch="";
			leftPos=".left";
		}
	}else{
		cl="menu";
		layerStyleRef="layer.style.";
		layerRef="document.all";
		styleSwitch=".style";
		leftPos=".left";
	}
}
 
// SHOW MENU
function showLayer(layerName){
	var i,j;
	if (NS4 || IE4 ) {
		
	 	if (timeOn != null) {
  			clearTimeout(timeOn)
  			hideLayer(onLayer)
 		}
 		if (timeOn2!=null){
 			clearTimeout(timeOn2)
  			hideLayer(onLayer2)
 		}
 		if ((IE4) || (bVer>4)) {
 			var cellName=layerName.replace("menu","cell")
 			var cell=document.getElementById(cellName)
 			
 			if (cell){
 				cell.className=MenuCellClassFirstSelected;  				
 			}
 			
 			var link=document.getElementById(layerName.replace("menu","link"))
 			if (link) {	
 				link.className=MenuLinkClassFirstSelected; 
 			}
 			var picture=document.getElementById(layerName.replace("menu","pict"))
 			if (picture) {
 				picture.src=MenuPictFirstSelected;
 			}
 		}
		if (bVer==5) {		    		 
			if (eval(layerRef+'("flash")')) {
				eval(layerRef+'("flash")'+styleSwitch+'.visibility="hidden"');
				eval(layerRef+'("mainimage")'+styleSwitch+'.visibility="visible"');
			}
			eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="visible"'); 
		} else if (NS4) {
			if (eval(layerRef+'["flash"]')) {
				eval(layerRef+'["flash"]'+styleSwitch+'.visibility="hidden"');
				eval(layerRef+'["mainimage"]'+styleSwitch+'.visibility="visible"');
			}
  			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');  
		
		} else {
  			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');  
			
  		}
 		onLayer = layerName;
 	}
}




//BUTTON ROLLOVER
function change(Name, No) {
	if (document.images && (loaded == 1)) {
		document [Name].src = eval(Name + No + ".src");
	}
	return true
}

// HIDE MENU
function hideLayer(layerName){
	var c;
if (layerName != null){
		if (menuActive == 0) {
			if (NS4 || IE4) {
	 			if (bVer==5) {	
					c=layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="hidden"';
					eval(c);  
						if (eval(layerRef+'("flash")')){
						eval(layerRef+'("flash")'+styleSwitch+'.visibility="visible"');
						eval(layerRef+'("mainimage")'+styleSwitch+'.visibility="hidden"');
					}
				} else if (NS4) {
					if (eval(layerRef+'["flash"]')) {
						eval(layerRef+'["flash"]'+styleSwitch+'.visibility="visible"');
						eval(layerRef+'["mainimage"]'+styleSwitch+'.visibility="hidden"');
					}
  					eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');  
		
				}else {
					eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
				}
			}
		}
		if ((IE4) || (bVer>4)|| (bVer>6)) {
			var cellName=layerName.replace("menu","cell")
			var cell=document.getElementById(cellName)
 				
			if (cell){
				cell.className=MenuCellClassFirst;  				
			}
 			
			var link=document.getElementById(layerName.replace("menu","link"))
			if (link) {	
				link.className=MenuLinkClassFirst; 
			}
			var picture=document.getElementById(layerName.replace("menu","pict"))
			if (picture) {
				picture.src=MenuPictFirst;
			}
		}
	}
}

// TIMER FOR BUTTON MOUSE OUT
function btnTimer() {
 timeOn = setTimeout("btnOut()",1000)
}

function btn2Timer() {
 timeOn2 = setTimeout("btn2Out()",1000)
}

// BUTTON MOUSE OUT
function btnOut(layerName) {
  if (menuActive == 0) {
  hideLayer(onLayer)
  }
}

function btn2Out(layerName) {
  if (menuActive == 0) {
  hide2Layer(onLayer2)
  }
}
// MENU MOUSE OVER  
function menuOver(itemName,menuid) {
	hide2Layer(onLayer2);
	menuOverCel(menuid)	
	clearTimeout(timeOn);
	menuActive = 1;
 }

function menuOverExpand(itemName,menuid) {
	hide2Layer(onLayer2);
	menuOverCel(menuid);
	onExpandMenuId=menuid;
	clearTimeout(timeOn);
	menuActive = 1;
 }

// MENU MOUSE OUT 
function menuOut(itemName,menuid) {
	menuActive = 0 
 	menuOutCel(menuid); 
	timeOn = setTimeout("hideLayer(onLayer)", 1000)
	timeOn2 = setTimeout("hide2Layer(onLayer2)", 1000)	
}

  // MENU MOUSE OVER CELL 
function menuOverCel(menuid) {
	var c
	//alert(menuid)
  if (NS4 || IE4) {
	 	if (bVer==5) {	
			c=layerRef+'("'+menuid+'")'+'.style.backgroundColor=MenuColorSecondSelected';
			eval(c);  
			c=layerRef+'("'+menuid+'link")'+'.style.color=MenuColorSecondLinkSelected';
			eval(c);  
		}else {
			c=layerRef+'["'+menuid+'"]'+'.style.backgroundColor=MenuColorSecondSelected'
			eval(c);
			c=layerRef+'["'+menuid+'link"]'+'.style.color=MenuColorSecondLinkSelected';
			eval(c);  
	    }
	  
 }
 return;
 }
 
  // MENU MOUSE OUT CELL 
 function menuOutCel(menuid){
  var c
  
  if (NS4 || IE4) {
	 	if (bVer==5) {	
			c=layerRef+'("'+menuid+'")'+'.style.backgroundColor=MenuColorSecond';
			eval(c); 
			c=layerRef+'("'+menuid+'link")'+'.style.color=MenuColorSecondLink';
			eval(c);  
			 
		}else {
			c=layerRef+'["'+menuid+'"]'+'.style.backgroundColor=MenuColorSecond'
			eval(c);
			c=layerRef+'["'+menuid+'link"]'+'.style.color=MenuColorSecondLink';
			eval(c);  

	    }
	  
 }
 return;
 }
 
//---------------------------------------
function Show2Layer(layerName){
	var i,j;	

	if (NS4 || IE4 ) {
	 	if (timeOn2 != null) {
  			clearTimeout(timeOn2)
  			hideLayer(onLayer2)
 		}
 		if (timeOn != null) {
  			clearTimeout(timeOn)
  		}
 		
		if (bVer==5) {		    		
			eval(layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="visible"');  
			//if (eval(layerRef+'("flash")') && (menuActive==1)) {
			//	eval(layerRef+'("flash")'+styleSwitch+'.visibility="hidden"');
			//	eval(layerRef+'("mainimage")'+styleSwitch+'.visibility="visible"');
			//}
			} else if (NS4) {
			
			if (eval(layerRef+'["flash"]')) {
				eval(layerRef+'["flash"]'+styleSwitch+'.visibility="hidden"');
				eval(layerRef+'["mainimage"]'+styleSwitch+'.visibility="visible"');
			}
  			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');  
		
		} else {
			eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');  			
  		}
		if (eval(layerRef+'["selection_list"]')){
			eval(layerRef+'["selection_list"]'+styleSwitch+'.visibility="hidden"');
			eval(layerRef+'["selection_list"]'+styleSwitch+'.display="none"');
			eval(layerRef+'["selection_list_picture"]'+styleSwitch+'.visibility="visible"');
			eval(layerRef+'["selection_list_picture"]'+styleSwitch+'.display="block"');
		}
 		onLayer2 = layerName;
 	}
}

function hide2Layer(layerName){
var c;
 if (layerName != null){
	 if (menuActive == 0) {
		if (NS4 || IE4) {
	 		if (bVer==5) {	
				c=layerRef+'("'+layerName+'")'+styleSwitch+'.visibility="hidden"';
				eval(c);  
				//if (eval(layerRef+'("flash")')) {
				//	eval(layerRef+'("flash")'+styleSwitch+'.visibility="visible"');
				//	eval(layerRef+'("mainimage")'+styleSwitch+'.visibility="hidden"');
				//}
			} else if (NS4) {
				if (eval(layerRef+'["flash"]')) {
					eval(layerRef+'["flash"]'+styleSwitch+'.visibility="visible"');
					eval(layerRef+'["mainimage"]'+styleSwitch+'.visibility="hidden"');
				}
  				eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');  
		
			}else {
				eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
			}
		}
		 if (eval(layerRef+'["selection_list"]')){
			eval(layerRef+'["selection_list_picture"]'+styleSwitch+'.visibility="hidden"');
			eval(layerRef+'["selection_list_picture"]'+styleSwitch+'.display="none"');
			eval(layerRef+'["selection_list"]'+styleSwitch+'.visibility="visible"');
			eval(layerRef+'["selection_list"]'+styleSwitch+'.display="block"');
		}
	 }
  }
  if (onExpandMenuId!=null) {
	menuOutCel(onExpandMenuId)
  }
}


function menu2Over(itemName,menuid) {
	clearTimeout(timeOn);	
	clearTimeout(timeOn2);
	menuOverCel(onExpandMenuId)
	//onExpandMenuId=menuid
	
	menu2OverCel(menuid) 
	//if (document.images) {
//		document[itemName].src = "/images/arr2.gif";
//	} 
	menu2OverCel(menuid)
	menuActive = 1;
 }

function menu2Out(itemName,menuid) {
	menuActive = 0 
	menu2OutCel(menuid); 
	timeOn = setTimeout("hide2Layer(onLayer2)", 400)
	
//	if (document.images) {
//		document[itemName].src = "/images/arr2.gif";	//
//	} 
}

function menu2OutCel(menuid){
	var c
	if (NS4 || IE4) {
	 	if (bVer==5) {	
			c=layerRef+'("'+menuid+'")'+'.style.backgroundColor=MenuColorThird';
			eval(c);  
			
		}else {
			c=layerRef+'["'+menuid+'"]'+'.style.backgroundColor=MenuColorThird'
			eval(c);
	    }	
	    if (!NS4) {
				var link=document.getElementById("link"+menuid)
				
				if (link) {
					link.className=MenuLinkClassThird
				}
		}  
	}
	return;
 }
 
 function menu2OverCel(menuid) {
	var c
	
	if (NS4 || IE4) {
	 	if (bVer==5) {	
			c=layerRef+'("'+menuid+'")'+'.style.backgroundColor=MenuColorThirdSelected';
			eval(c);  
		}else {
			c=layerRef+'["'+menuid+'"]'+'.style.backgroundColor=MenuColorThirdSelected'
			eval(c);
	    }
	    if (!NS4) {
				var link=document.getElementById("link"+menuid)
				
				if (link) {
					link.className=MenuLinkClassThirdSelected
				}
		}  
	  
	}
	
	return;
 }
 
 
 function menu2Maker(menuArray,w) {
	n = ""
	j = eval(menuArray + ".length") - 1;
	topTable = "<div ID='" + eval(menuArray + ".id") + "' >\n"
	topTable += "<table width='"+w+"' border='0' cellspacing='0' cellpadding='0'>"
	topTable += "<tr><td></td><table border='0' width='100%' cellspacing='1' cellpadding='0'>"
	endrow = "</td></tr><tr><td bgcolor=white colspan=2><img src=/images/blank.gif width=1 height=1 border=0></td></tr></table>\n</div>\n</td></tr>"
	btmTable = "</table>\n</td></tr></table>\n</div>\n"
 
	n += topTable
	cl="text1"
	var menuid,layerid
	for( var i = 0; i <=j; i++) {
		if (eval(menuArray + "[" + i + "]")!=null){
			bgnrow = "\n<tr><td bgcolor=white>\n"
			menuid="\""+ eval(menuArray + ".id") + "_"+i+"\""
			layerid="\"" + eval(menuArray + ".imgname") + i + "\""
		
			bgnrow +="<div ID='" + eval(menuArray + ".id") + "_" + i + "' onClick='window.location.replace(\""+ eval(menuArray + "[" + i + "].url") + "\")' onMouseOver='menu2Over("+layerid+","+menuid+");' onMouseOut='menu2Out("+layerid+","+menuid+");' >\n"
			bgnrow +="<table border='0' width='100%' cellspacing='0' cellpadding='0'>\n<tr><td width='15' height='34' align=center><img name=\"" + eval(menuArray + ".imgname") + i + "\" alt='' border='0' height='26' width='5' src='"+MenuPictThird+"'></td>\n<td width='85%'>";
			n += bgnrow + "<a id='link"+eval(menuArray + ".id") + "_"+i+"' class='"+MenuLinkClassThird+"' href='" + eval(menuArray + "[" + i + "].url") + "' target='_top'>" + eval(menuArray + "[" + i + "].title") + "&nbsp;</a>" + endrow	  
		}
	}
	n += btmTable
	return n
}

 

//--------------------------------------
// Creates menu object
function menuLink(title, url, shownextlevel) {
 this.title = title
 this.url = url
 this.shownextlevel = shownextlevel
}

// Builds menu table
function menuMaker(menuArray,w) {
	var tdw=w-10
	var tds=tdw-20
 n = ""
 j = eval(menuArray + ".length") - 1;
 topTable = "<div ID='" + eval(menuArray + ".id") + "' >\n"
 topTable += "<table width='"+w+"' border='0' cellspacing='0' cellpadding='0'>"
 topTable +="<tr><td width=5><img src='/images/menutopleft.gif' height=5 width=5></td><td width="+tdw+" bgcolor="+MenuFrameColorSecond+"></td><td width=5><img src='/images/menutopright.gif' height=5 width=5></td></tr>"
 topTable += "<tr><td bgcolor="+MenuFrameColorSecond+"></td><td bgcolor="+MenuFrameColorSecond+"><table border='0' width='100%' cellspacing='0' cellpadding='0'>"
 endrow = "</td><td></td></tr></table></div>"
 
 
 endrow += "<table width='"+w+"' border='0' cellspacing='0' cellpadding='0'><tr><td><img src=/images/blank.gif width=1 height=1 border=0></td><td background='/images/menuline.gif'><img src=/images/blank.gif width="+tds+" height=1 border=0></td><td><img src=/images/blank.gif width=10 height=1 border=0></td></tr></table>\n\n</td></tr>"

 btmTable = "</table>\n</td><td bgcolor="+MenuFrameColorSecond+"></td></tr>"
 btmTable +="<tr><td width=5><img src='/images/menubottomleft.gif' height=5 width=5></td><td width="+tdw+" bgcolor="+MenuFrameColorSecond+"></td><td width=5><img src='/images/menubottomright.gif' height=5 width=5></td></tr></table></div>"
//<td></td></tr></table>\n</div>\n"
 
 n += topTable
 cl="menu2"
 var menuid,layerid,c,layername
 for( var i = 0; i <=j; i++) {

  if (eval(menuArray + "[" + i + "]")!=null){
	  bgnrow = "\n<tr><td></td><td bgcolor="+MenuColorSecond+">\n"
	  menuid="\""+ eval(menuArray + ".id") + "_"+i+"\""
	  layerid="\"" + eval(menuArray + ".imgname") + i + "\""
	  shownextlevel=eval(menuArray + "[" + i + "].shownextlevel") 	  
	  layername="\"menu"+eval(menuArray + "["+i+"].shownextlevel")+"\""	  
	  
	  if (bVer==5) {	
			c=layerRef+'('+layername+')';
			eval(c);  
		}else {
			c=layerRef+'['+layername+']'
		}		
		//alert(eval(c))
	  if (!eval(c)) {
			bgnrow +="<div ID='" + eval(menuArray + ".id") + "_" + i + "' onClick='window.location.replace(\""+ eval(menuArray + "[" + i + "].url") + "\")' onMouseOver='menuOver("+layerid+","+menuid+");' onMouseOut='menuOut("+layerid+","+menuid+");' >\n"
			bgnrow +="<table border='0' width='100%' cellspacing='0' cellpadding='0'>\n<tr><td width='5' height='34' align=center><img name=\"" + eval(menuArray + ".imgname") + i + "\" alt='' border='0' height='26' width='5' src='"+MenuPictSecond+"'></td>\n<td width='99%'>";
			n += bgnrow + "<a id='"+eval(menuArray + ".id") + "_" + i +"link' class='"+cl+"' href='" + eval(menuArray + "[" + i + "].url") + "' target='_top'>" + eval(menuArray + "[" + i + "].title") + "&nbsp;</a>" + endrow
	  } else {
			
			bgnrow +="<div ID='" + eval(menuArray + ".id") + "_" + i + "' onClick='window.location.replace(\""+ eval(menuArray + "[" + i + "].url") + "\")' "
			bgnrow +=" onMouseOver='menuOverExpand("+layerid+","+menuid+");Show2Layer("+layername+");'"
			bgnrow +=" onMouseOut='menuOut("+layerid+","+menuid+");' >\n"
			bgnrow +="<table border='0' width='100%' cellspacing='0' cellpadding='0'>\n<tr><td width='15' height='34' align=center><img name=\"" + eval(menuArray + ".imgname") + i + "\" alt='' border='0' height='26' width='7' src='"+MenuPictExpandSecond+"'></td>\n<td width='85%'>";
			n += bgnrow + "<a class='"+cl+"' href='" + eval(menuArray + "[" + i + "].url") + "' target='_top'>" + eval(menuArray + "[" + i + "].title") + "&nbsp;</a>" + endrow
	  }
  }
 }
 n += btmTable
 return n
}
var w=200
MenuAbout = new Array(1);
MenuAbout.id = "MenuAbout";
MenuAbout.imgname = "12co";
MenuAbout.linkcolor = "12link";
MenuAbout.rootname = "";
MenuAbout[0]=new menuLink('Ближайшие покатушки', '/next_roll.php',11);			
MenuAbout[1]=new menuLink('Что такое покатушки?', '/roliki/pokatushki/article-2272.html',12);
MenuAbout[2]=new menuLink('Как покататься с нами?', '/roliki/pokatushki/article-2273.html',13);		
MenuAbout[3]=new menuLink('Репортажи с покатушек', '/roliki/report/',14);
MenuAbout[4]=new menuLink('Фото с покатушек', '/roliki/fotoreport/',15);
document.write(menuMaker("MenuAbout",w))
var w=200

MenuInfo = new Array(1);
MenuInfo.id = "MenuInfo";
MenuInfo.imgname = "13co";
MenuInfo.rootname = "";
MenuInfo[0]=new menuLink('Как выбрать роликовые коньки', 'http://roller.ru/content/vibor/',0);
MenuInfo[1]=new menuLink('Как кататься на роликах', 'http://roller.ru/content/school/',0);
MenuInfo[2]=new menuLink('Где кататься на роликах', 'http://roller.ru/content/moscow/',0);
MenuInfo[3]=new menuLink('Ремонт роликов', 'http://roller.ru/content/master/',0);
document.write(menuMaker("MenuInfo",w))


MenuFoto = new Array(1);
MenuFoto.id = "MenuFoto";
MenuFoto.imgname = "15co";
MenuFoto.rootname = "";
MenuFoto[0]=new menuLink('Наши лица', '/foto/index.php?cat=1',0);
MenuFoto[1]=new menuLink('Свежие фото', '/foto/thumbnails.php?album=lastup&cat=1',0);
MenuFoto[2]=new menuLink('Лучшие фото', '/foto/thumbnails.php?album=toprated&cat=1',0);
MenuFoto[3]=new menuLink('Фото с покатушек', '/roliki/fotoreport/',0);
document.write(menuMaker("MenuFoto",w))