function cat_activate(cat_num)
{

	var site_cat=document.getElementById("site_cat");
	var site_cat_childs=site_cat.childNodes;
	var site_cat_handlers=[];
		
	
	//собираем указатели на категории
	for(var i=0; i<site_cat_childs.length; i++){ 
		if(site_cat_childs[i].tagName=="DIV" && site_cat_childs[i].className!="site_cat_t" && site_cat_childs[i].className!="site_cat_b"){
			site_cat_handlers[site_cat_handlers.length]=site_cat_childs[i];  
		}
	}
	
	//ищем активированную категорию
	for(var i=0; i<site_cat_handlers.length; i++){
		if(site_cat_handlers[i].className=="site_cat_active"){var site_cat_activated=site_cat_handlers[i];} 	// уже активированная категория (до)
		if(i==cat_num){var site_cat_click=site_cat_handlers[i];} 																				    // выбранная пользователем категория (после)
	}
	
	if(site_cat_activated!=site_cat_click)
	{
		//пользователь вызвает новую категорию (не та которая была активна)	
		//закрываем старую категорию, и вызываем ту которую хочет пользователь.
		cat_close(site_cat_activated);
		cat_open(site_cat_click);
		
	}
	else {
		//пользователь вызывает в туже самую категорию, которая уже была выбрана (ничего не делаем)
	}
	
		
		
}

function cat_open(element)
{
	//element.style.backgroundImage="none";
	element.className="site_cat_active";
	var from = 0;      					// Начальная координата X
	var to = 124;         						// Конечная координата X
	var duration = 1000; 			// Длительность - 1 секунда
	var start = new Date().getTime(); // Время старта
	
	setTimeout(function(){
		var now = (new Date().getTime()) - start;
		var progress = now / duration;
		var result = (to - from) * (progress) + from;
		element.style.height = result + "px";
		if (progress < 1)
			setTimeout(arguments.callee, 10);
	},10);
}
function cat_close(element)
{
	//element.style.backgroundImage="none";
	element.className="site_cat_active";
	var from = 124;      					// Начальная координата X
	var to = 0;         						// Конечная координата X
	var duration = 1000; 			// Длительность - 1 секунда
	var start = new Date().getTime(); // Время старта
	
	setTimeout(function(){
		var now = (new Date().getTime()) - start;
		var progress = now / duration;
		var result = (to - from) * (progress) + from;
		element.style.height = result + "px";
		if (progress < 1)
			setTimeout(arguments.callee, 10);
	},10);
	element.className="site_cat_inactive";
}