// Выпадающее меню: горизонтальное
function cssmenuhover()
{
        if(!document.getElementById("menu"))
                return;
        var lis = document.getElementById("menu").getElementsByTagName("LI");
        for (var i=0;i<lis.length;i++)
        {
                lis[i].onmouseover=function(){this.className+=" iehover";}
                lis[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" iehover\\b"), "");}
        }
}
if (window.attachEvent)
        window.attachEvent("onload", cssmenuhover);

// Выпадающее меню: вертикальное
var HideFlag=new Array();

function SubMenuShow(n)
{
	var objSubMenu = document.getElementById('subMenu' + n);
	var objItem = document.getElementById('menuItem' + n);
	
	var y=0, objItem2 = objItem;
	while(objItem2 && (objItem2.id != 'menu2'))
	{
		y += objItem2.offsetTop;
		objItem2 = objItem2.offsetParent;
	}
	
	objSubMenu.style.top = y + 'px';
	objSubMenu.style.visibility = 'visible';
	HideFlag[n]=0;
}

function SubMenuHide(n)
{
	HideFlag[n]=1;
	setTimeout("ActualHide('"+n+"');",10);
}

function CancelHide(n)
{
	HideFlag[n]=0;
}

function ActualHide(n)
{
	if(HideFlag[n]==1)
	{
		var obj = document.getElementById('subMenu' + n);
		obj.style.visibility = 'hidden';
		HideFlag[n]=0;
	}
}

function SubMenuHideFromLayer(n, obj, e)
{
	if(!e) var e = window.event;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while(reltg.tagName != 'BODY')
	{
		if(reltg.id == obj.id)
			return;
		reltg = reltg.parentNode;
	}
	obj.style.visibility = 'hidden';
	HideFlag[n]=0;
}


        
// Смена картинок        
var imageList = new Array();

function AddImage(file)
{
	var i = imageList.length;
	imageList[i] = new Image();
	imageList[i].src = file;
}

function switchTo(i)
{
	var img = document.getElementById('switch_image');
	img.src = imageList[i-1].src;
	for(j=1; j<5; j++)
	{
		var img2 = document.getElementById('switch' + j);
		if(i == j) img2.src = '/design/images/switch_on.gif';
		else img2.src = '/design/images/switch.gif';
	}
}

//AddImage('images/photos_1.jpg');
//AddImage('images/photos_2.jpg');
//AddImage('images/photos_1.jpg');
//AddImage('images/photos_2.jpg');

pic = new Array();
pic[0] = new Image();    pic[0].src = "/design/images/but_order_on.gif";
pic[1] = new Image();    pic[1].src = "/design/images/icon_prev_on.gif";
pic[2] = new Image();    pic[2].src = "/design/images/icon_next_on.gif";
pic[3] = new Image();    pic[3].src = "/design/images/catmenu_1_on.gif";
pic[4] = new Image();    pic[4].src = "/design/images/catmenu_2_on.gif";
pic[5] = new Image();    pic[5].src = "/design/images/catmenu_3_on.gif";
pic[6] = new Image();    pic[6].src = "/design/images/accessories_01.png";
pic[7] = new Image();    pic[7].src = "/design/images/accessories_02.png";
pic[8] = new Image();    pic[8].src = "/design/images/accessories_03.png";
pic[9] = new Image();    pic[9].src = "/design/images/accessories_04.png";
pic[10] = new Image();    pic[10].src = "/design/images/accessories_05.png";
pic[11] = new Image();    pic[11].src = "/design/images/accessories_06.png";
pic[12] = new Image();    pic[12].src = "/design/images/accessories_07.png";
pic[13] = new Image();    pic[13].src = "/design/images/accessories_08.png";
pic[14] = new Image();    pic[14].src = "/design/images/accessories_09.png";
pic[15] = new Image();    pic[15].src = "/design/images/accessories_10.png";
pic[16] = new Image();    pic[16].src = "/design/images/accessories_on_b.gif";
pic[17] = new Image();    pic[17].src = "/design/images/accessories_on_t.gif";

function ShowHideAccessory(n)
{
	var acc_but = document.getElementById('acc' + n + '_but');
	var acc_img = document.getElementById('acc' + n + '_img');
	if(acc_but.className == 'on')
	{
		acc_but.className = '';
		acc_img.style.display = 'none';
	}
	else
	{
		acc_but.className = 'on';
		acc_img.style.display = 'block';
	}
		

}