function position_activ_pic(id_pic)
{	// Функция отрисовки (подсветки) картинок при навигации
	my_div = document.getElementById("div_preview");
	my_pic = document.getElementById(id_pic);

	// Скроллируем чтобы активная картинка была по центру 
	my_div.scrollLeft = parseInt(my_pic.offsetLeft) - 350;
	
	my_tr = my_pic.parentNode;

	my_div.style.visibility = 'hidden'; // временно скрыаем на время отрисовки
	
	// В сложном переборе всех дочерних элементов ищем цепочки TD -> HREF -> IMG
	// так как разные брацзеры по разному определюят дочерние элементы
	for (i=0; i<my_tr.childNodes.length; i++)
	{	
		el_td = my_tr.childNodes[i];
		if (el_td.tagName == "TD" )
		{	
			for (j=0; j < el_td.childNodes.length; j++)
			{
				el_href = el_td.childNodes[j];
				if (el_href.tagName == "A" )
				{
					for (k=0; k < el_href.childNodes.length; k++)
					{
						el_img = el_href.childNodes[k];
						if (el_img.tagName == "IMG" )
						{
							if (el_td.id == my_pic.id) // для текущей картинки бордер назначаем
								el_img.style.border = "3px double blue";
							else // для остальных снимаем (очищаем) бордер
								el_img.style.border = "0";
						}
					}
				}
			}
		}
	}
	my_div.style.visibility = 'visible'; // возобновляем отображение после отрисовки
	
	show_nav(); // Обновление показа кнопок навигации
}

function nav(offset)
{	// Функция отрисовки по смещению
	cur_pic += offset;
	if ( cur_pic < 1 ) cur_pic = 1;
	if ( cur_pic > max_pic ) cur_pic = max_pic;
	
	my_img = document.getElementById("img_main");
	my_img.src = path + images[cur_pic];
	
	position_activ_pic("pic_"+cur_pic);
	
	//format_img('img_main');
		
	return false;
}

function nav_abs(num)
{	// Функция отрисовки по абсолютному номеру картинки
	cur_pic = num;

	my_img = document.getElementById("img_main");
	my_img.src = path + images[cur_pic];
	
	position_activ_pic("pic_"+cur_pic);
	
	//format_img('img_main');
	
	return false;
}

function show_nav()
{	// Функция отрисовки кнопок навигации
	_first = document.getElementById("nav_first");
	_prev = document.getElementById("nav_prev");
	_next = document.getElementById("nav_next");
	_end = document.getElementById("nav_end");
	
	if (cur_pic > 1)
		_first.style.color = _prev.style.color = "#0000f0";
	else
		_first.style.color = _prev.style.color = "#a0a0a0";
	
	if (cur_pic < max_pic)
		_next.style.color = _end.style.color = "#0000f0";
	else
		_next.style.color = _end.style.color = "#a0a0a0";
}

function getImageSize( id ) 
{
    var oHlpr = document.createElement( 'IMG' );
    var oPic = document.getElementById( id );
    oHlpr.style.visibility = 'hidden';
    oHlpr.style.position = 'absolute';
    oHlpr.top = 0; oHlpr.left = 0;
    oHlpr.src = oPic.src;
    document.body.appendChild( oHlpr);
    var imSize = { 'width':oHlpr.offsetWidth,'height':oHlpr.offsetHeight }
    document.body.removeChild( oHlpr);
    return imSize;
}

function format_img(id)
{
	my_img = document.getElementById(id);
	if ((my_img.readyState == "complete") || my_img.complete )
	{
		var is = getImageSize( id );
		if ( is.width > 760 )
			my_img.style.width = 760;
		else
			my_img.style.width = is.width;
	}
	else
	{
		setTimeout("format_img('"+id+"')", 100, "JavaScript");
		return false;
	}
}