<!--
//---------------------- For Buttons ----------------------
if (document.images)
{
	//Main Menu
	var imgArray = new Array();
	var sPath = "http://www.varnahandcycles.com/menus/";
	var sPathV = "http://www.varnahandcycles.com/menus/";
	var sPathP = "http://www.varnahandcycles.com/menus/";

	for (var row = 0; row < 5; row++)
	{
		for (var column = 0; column < 3; column++)
		{
			if(!column)
				imgArray[row]= new Array();
			imgArray[row][column]=  new Image;
			var postf='n';
			if(column==1)
				postf='v';
			else if(column==2)
				postf='d';

			imgArray[row][column].src = eval("'" + sPath + "btn_0" + (row+1) + postf + ".gif'");
				
		}
	}
	//Sub Menu Company
	var imgCompany = new Array();
	for (var row = 0; row < 6; row++)
	{
		for (var column = 0; column < 3; column++)
		{
			if(!column)
				imgCompany[row]= new Array();
			imgCompany[row][column]=  new Image;
			var postf='n';
			if(column==1)
				postf='v';
			else if(column==2)
				postf='d';

			imgCompany[row][column].src = eval("'" + sPathV + "comp_0" + (row+1) + postf + ".gif'");
				
		}
	}

	//Sub Menu Products
	var imgProducts = new Array();
	for (var row = 0; row < 4; row++)
	{
		for (var column = 0; column < 3; column++)
		{
			if(!column)
				imgProducts[row]= new Array();
			imgProducts[row][column]=  new Image;
			var postf='n';
			if(column==1)
				postf='v';
			else if(column==2)
				postf='d';

			imgProducts[row][column].src = eval("'" + sPathP + "prod_0" + (row+1) + postf + ".gif'");
				
		}
	}

}

//--------------------------- Moving Menu --------------------------
//Константа ошибки
var errRet = -777777777;
var arLayerName = new Array();
var arLayerOffset = new Array();

// таймеры
var timerOut=false; 
var timerOutSub=false; 
var timerIn=false; 
var timerInSub=false; 

// Определяем браузер пользователя
//----------------------------------------
var g_OK=true, layerRef, styleSwitch, visibleVar, op_str, cl_str;
if(document.layers){
	layerRef="document.layers";
	styleSwitch="";
	visibleVar="show";
	op_str='["';
	cl_str='"]';
}
else if(document.all){
	layerRef="document.all";
	styleSwitch=".style";
	visibleVar="visible";
	op_str='["';
	cl_str='"]';
}
else if(document.getElementById){
	layerRef="document.getElementById";
	styleSwitch=".style";
	visibleVar="visible";
	op_str='("';
	cl_str='")';
}
else
	g_OK=false;

//----------------------------------------

//Выдает сохраненное значение .offsetTop при ошибке errRet
function GetSafeOffsetTop(layerName)
{
	var elLayer = document.getElementById(layerName);
	if (!elLayer) return errRet;
	
	//ищем имя в массиве
	for (var i = 0; i < arLayerName.length ; i++)
	{
		if (arLayerName[i] == layerName) return arLayerOffset[i];
	}
	//если такой слой не найден в массиве то добавляем и сохраняем .offsetTop
	arLayerName[arLayerName.length] = layerName;
	arLayerOffset[arLayerName.length-1] = elLayer.offsetTop;
	return elLayer.offsetTop;
}

var g_OffSetX=0;
var g_StepX=15;

var layerCurrent="";
var statusOut=false;

function MoveOut(layerName)
{
	if(g_OK)
	{
		clearTimeout(timerIn);
		if(layerCurrent!=layerName || statusOut!=true)
		{
			if(layerCurrent != "" && layerCurrent!=layerName)
			{
				clearTimeout(timerOutSub);
				clearTimeout(timerInSub);
				var elStyle = eval(layerRef+op_str+layerCurrent+cl_str+styleSwitch);
				elStyle.visibility = "hidden";
			}
			timerOut=setTimeout('MoveOutSub("' + layerName + '")', 1);
		}
	}
}


function MoveOutSub(layerName)
{
	//меняем статус
	clearTimeout(timerInSub);

	layerCurrent=layerName;
	statusOut=true;
	
	var OffsetTop=GetSafeOffsetTop(layerName);
	if(OffsetTop == errRet) return; //если такого слоя нет
	
	var elStyle = eval(layerRef+op_str+layerName+cl_str+styleSwitch);
	var elLayer = eval(layerRef+op_str+layerName+cl_str);
	if(elStyle.visibility != visibleVar)
	{
		elStyle.visibility = visibleVar;
		g_OffSetX = elLayer.offsetHeight;
	}
	// уменьшить область отсечения
	g_OffSetX -= g_StepX;
	// выполнять пока слой не выехал
	if(g_OffSetX > 0 )
	{
		// новая область отсечения
		//для IE5 layer.style.clip = "rect(top right bottom left)";
		elStyle.clip = "rect(" + g_OffSetX + "px, auto, auto, auto)";
		// передвинуть слой
		elStyle.top = (OffsetTop - g_OffSetX) + "px";
		timerOutSub=setTimeout('MoveOutSub("' + layerName + '")', 20);
	}
	else // слой выехал
	{
		elStyle.clip = "rect(auto, auto, auto, auto)";
		g_OffSetX = 0;
		// передвинуть слой
		elStyle.top = OffsetTop + "px";
	}
}

function MoveIn(layerName)
{
	if(g_OK)
	{
		clearTimeout(timerOut);
		timerIn=setTimeout('MoveInSub("' + layerName + '")', 500);
	}
}

function MoveInSub(layerName)
{
	//меняем статус
	clearTimeout(timerOutSub);
	layerCurrent=layerName;
	statusOut=false;

	var OffsetTop=GetSafeOffsetTop(layerName);
	if(OffsetTop == errRet) return; //если такого слоя нет
	
	var elStyle = eval(layerRef+op_str+layerName+cl_str+styleSwitch);
	var elLayer = eval(layerRef+op_str+layerName+cl_str);
	if((elStyle.visibility == visibleVar))
	{
		g_OffSetX += g_StepX;
		if(g_OffSetX < OffsetTop)
		{
			elStyle.clip = "rect(" + g_OffSetX + "px, auto, auto, auto)";
			sss = OffsetTop - g_OffSetX;
			elStyle.top = sss + "px";
			timerInSub=setTimeout('MoveInSub("' + layerName + '")', 20);
		}
		else
		{
			elStyle.visibility = "hidden";
			g_OffSetX = OffsetTop;
		}
	}
}

//-------------------------------- Buttons -------------------------------------------------
//----------------------- Menu ----------------------------------------
function ch_img(elImg, nButton, nSelector) {
	if (document.images)
	{
		elImg.src=imgArray[nButton][nSelector].src;
	}
}
function ch_comp(elImg, nButton, nSelector) {
	if (document.images)
	{
			elImg.src=imgCompany[nButton][nSelector].src;
	}
}
function ch_prod(elImg, nButton, nSelector) {
	if (document.images)
	{
		elImg.src=imgProducts[nButton][nSelector].src;
	}
}

//----------------------- Records ----------------------------------------
function hideAllDiv()
{
	if(document.getElementById)
	{
		var myDiv;
		var number=1;
		while( myDiv=document.getElementById('hDiv_' + number++))
		{
			myDiv.style.display = 'none';
		}
	}
}

function switchDiv(elementId)
{
	if(document.getElementById)
	{
		var myDiv = document.getElementById(elementId);
		if(myDiv)
		{
			myDiv.style.display = (myDiv.style.display == 'none')? 'block': 'none';
		}
	}
}

//-->