<!--
//******* для морды. Обработка комбобокса 
//******************* Подмена класса кнопки (6), стиля заголовка (2) и открытие 1 из 6 слоев ***
//******* 5 кнопок+5 слоев

//****  Класс объекта+Стиль - 12 аргументов. Свойства== className; display.

/* Логика
2 слоя заголовков с нижним и верхним расположением каждой строки кнопок; 
id слоев cap1 и cap2.
Один из слоев всегда скрыт.
Общий контейнер для текстовых блоков. Один из блоков всегда открыт.
При нажатии кнопок из верхней строки - подмена открытого слоя заголовков 

id кнопок и текстовых боксов включает постоянную часть (текст) и - переменную (число)
Число для кнопки (i) === число для бокса.

Постоянная часть id боксов= box
Постоянная часть id кнопок= but + atr
atr - атрибут слоя таблицы: f(first) - cap1;  s(second) - cap2;

классы  элементов 
активных but(box)Actv
пассивных but(box)Pasv

При нажатии кнопки:
Подмена класса кнопки (св-во clasName)
Переключение слоя таблиц (св-во display) /при необходимости/
Открытиe бокса с индексом i и закрытие всех - остальных (св-во clasName)

Активны по умолчанию: заголовок - cap1; butf0; box0

cap1 - 3 кнопки		!!!!!!!!!!!!
cap2 - 3 кнопки		!!!!!!!!!!!
*/
//**** 
//**** idButAtr=(f||s); idCap=(cap1||cap2); i =(0 - 5)


/********** Создание массивов id элементов*/

var butf= new Array('butf0','butf1','butf2','butf3','butf4','butf5');
var buts= new Array('buts0','buts1','buts2','buts3','buts4','buts5');
var boxes= new Array('box0','box1','box2','box3','box4','box5');

var k;

//**** вызов по onClick

function ClickBut(idButAtr,i)
{
/****** Определение id элементов*/

litera=idButAtr;

tbConst='cap';

if(litera=='f')
{
TbIdAct=tbConst+1;
TbIdPsv=tbConst+2;


cap1Proc(TbIdAct,TbIdPsv,i);
}
if(litera=='s')
	{
	TbIdAct=tbConst+2;
	TbIdPsv=tbConst+1;
	
	cap2Proc(TbIdAct,TbIdPsv,i);
	}
}


/****** Tabl1 */
function cap1Proc(TbIdAct,TbIdPsv,i)
{

bx0=document.getElementById(boxes[0]);
bx1=document.getElementById(boxes[1]);
bx2=document.getElementById(boxes[2]);
bx3=document.getElementById(boxes[3]);
bx4=document.getElementById(boxes[4]);
bx5=document.getElementById(boxes[5]);

bf0=document.getElementById(butf[0]);
bf1=document.getElementById(butf[1]);
bf2=document.getElementById(butf[2]);
bf3=document.getElementById(butf[3]);
bf4=document.getElementById(butf[4]);
bf5=document.getElementById(butf[5]);

bs0=document.getElementById(buts[0]);
bs1=document.getElementById(buts[1]);
bs2=document.getElementById(buts[2]);
bs3=document.getElementById(buts[3]);
bs4=document.getElementById(buts[4]);
bs5=document.getElementById(buts[5]);


	if(i<=2)				/****   нижние кнопки         ***/
	{

	switch(i)
	{
		case i=0:

		if(bx0.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx0.className='boxActv';
		bf0.className='butActv';

		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';
		bx4.className='boxPasv';

		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';
		}else
			{								/**** повторное нажатие - do nothing   ***/
			bx0.className='boxActv';
			bf0.className='butActv';
			}
		break;

		case i=1:

		if(bx1.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx1.className='boxActv';
		bf1.className='butActv';

		bx0.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';
		bx5.className='boxPasv';

		bf0.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';
		}else
			{								/**** повторное нажатие - do nothing   ***/
			bx1.className='boxActv';
			bf1.className='butActv';
			}
		break;

		case i=2:

		if(bx2.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx2.className='boxActv';
		bf2.className='butActv';

		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';
		bx5.className='boxPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';
		}else
			{								/**** повторное нажатие - do nothing   ***/
			bx2.className='boxActv';
			bf2.className='butActv';
			}
		break;
	}
	}		/******* /if(i=<2)*/

		if(i>2)				/****   верхние кнопки         ***/
		{
		fTbIdAct=document.getElementById(TbIdAct);
		fTbIdPsv=document.getElementById(TbIdPsv);

		fTbIdAct.style.display='none';				/**** Скрытие cap1****/
		fTbIdPsv.style.display='block';			 /**** Открытие cap2**  переход к массиву  buts    **/

	switch(i)
	{
		case i=3:
		if(bx3.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx3.className='boxActv';
		bs3.className='butActv';
											/**** Очистка всех элементов cap1 и - неактивных кнопок cap2****/
		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx4.className='boxPasv';
		bx5.className='boxPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';
		}		
		break;

		case i=4:
		if(bx4.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx4.className='boxActv';
		bs4.className='butActv';
											/**** Очистка всех элементов cap1 и - неактивных кнопок cap2****/
		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx5.className='boxPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bf5.className='butPasv';
		}		
		break;

		case i=5:
		if(bx5.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx5.className='boxActv';
		bs5.className='butActv';
											/**** Очистка всех элементов cap1 и - неактивных кнопок cap2****/
		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bf4.className='butPasv';
		}		
		break;
	}
	}		/******* /if(i>2)*/
}

/****** Tabl2 */
function cap2Proc(TbIdAct,TbIdPsv,i)
{

bx0=document.getElementById(boxes[0]);
bx1=document.getElementById(boxes[1]);
bx2=document.getElementById(boxes[2]);
bx3=document.getElementById(boxes[3]);
bx4=document.getElementById(boxes[4]);
bx5=document.getElementById(boxes[5]);

bf0=document.getElementById(butf[0]);
bf1=document.getElementById(butf[1]);
bf2=document.getElementById(butf[2]);
bf3=document.getElementById(butf[3]);
bf4=document.getElementById(butf[4]);
bf5=document.getElementById(butf[5]);

bs0=document.getElementById(buts[0]);
bs1=document.getElementById(buts[1]);
bs2=document.getElementById(buts[2]);
bs3=document.getElementById(buts[3]);
bs4=document.getElementById(buts[4]);
bs5=document.getElementById(buts[5]);


	if(i>2)				/****   нижние кнопки         ***/
	{

	switch(i)
	{
		case i=3:

		if(bx3.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx3.className='boxActv';
		bs3.className='butActv';

		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx4.className='boxPasv';
		bx5.className='boxPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';
		}else
			{								/**** повторное нажатие - do nothing   ***/
			bx3.className='boxActv';
			bs3.className='butActv';
			}
		break;	

		case i=4:

		if(bx4.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx4.className='boxActv';
		bs4.className='butActv';

		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx5.className='boxPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs5.className='butPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';
		}else
			{								/**** повторное нажатие - do nothing   ***/
			bx4.className='boxActv';
			bs4.className='butActv';
			}
		break;

		case i=5:

		if(bx5.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx5.className='boxActv';
		bs5.className='butActv';

		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs4.className='butPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';
		}else
			{								/**** повторное нажатие - do nothing   ***/
			bx5.className='boxActv';
			bs5.className='butActv';
			}
		break;
	}
	}	/******* /if(i>2)*/

		if(i<=2)				/****   верхние кнопки         ***/
		{
		sTbIdAct=document.getElementById(TbIdAct);
		sTbIdPsv=document.getElementById(TbIdPsv);

		sTbIdAct.style.display='none';				/**** Скрытие cap2 ****/
		sTbIdPsv.style.display='block';			 /**** Открытие cap1**  переход к массиву  butf    **/

	switch(i)
	{
		case i=0:
		if(bx0.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx0.className='boxActv';
		bf0.className='butActv';
											/**** Очистка всех кнопок cap2 и - неактивных кнопок cap1****/
		bx1.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';
		bx5.className='boxPasv';

		bf1.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';
		}		
		break;

		case i=1:
		if(bx1.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx1.className='boxActv';
		bf1.className='butActv';
											/**** Очистка всех кнопок cap2 и - неактивных кнопок cap1****/
		bx0.className='boxPasv';
		bx2.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';
		bx5.className='boxPasv';

		bf0.className='butPasv';
		bf2.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';
		}		
		break;

		case i=2:
		if(bx2.className!='boxActv')		/* условие неактивной кнопки*/
		{
		bx2.className='boxActv';
		bf2.className='butActv';
											/**** Очистка всех кнопок cap2 и - неактивных кнопок cap1****/
		bx0.className='boxPasv';
		bx1.className='boxPasv';
		bx3.className='boxPasv';
		bx4.className='boxPasv';
		bx5.className='boxPasv';

		bf0.className='butPasv';
		bf1.className='butPasv';
		bf3.className='butPasv';
		bf4.className='butPasv';
		bf5.className='butPasv';

		bs0.className='butPasv';
		bs1.className='butPasv';
		bs2.className='butPasv';
		bs3.className='butPasv';
		bs4.className='butPasv';
		bs5.className='butPasv';
		}		
		break;
	}
	}		/******* /if(i<=2)*/
}

//******************* Подмена стиля (ширины) контейнера текстовых слоев комбобокса по браузеру ***
//**** Стиль - 1 аргумент. Свойство== style.width;
//**** ширина по умлочанию - для IE
//**** постоянная часть: idConst= ID блока. wdtFF= ширина блока для FF;
//**** i - общее число блоков - отсчет начинается с 0

//**** n блоков
function boxClassRangeN(idConst,wdtFF,n)
{
boxWdt=wdtFF;
idc=idConst;
	if(!isIE)
	{
		for(l=0; l<n; l++)
		{
			currId=idc+l;
			boxId=document.getElementById(currId);
			boxId.style.width=boxWdt+rzm;
										/* for test	alert(currId+"\n"+boxId.style.width);*/
		}
	}
}

//**** 1 блок
function boxClassRange(idName,wdtFF)
{
boxWdt=wdtFF;
idc=idName;
	if(!isIE)
	{
		boxId=document.getElementById(idc);
		boxId.style.width=boxWdt+rzm;
	}
}


// -->