var iActive = null;
var nIdPrev = "0";

function show_nav(nId)
{
	hide_nav();
	document.getElementById('thumb_' + nId).style.visibility = "visible";
	//document.getElementById('head_' + nId).className = "button active";
	nIdPrev = nId;
}

function hide_nav()
{
	document.getElementById('thumb_' + nIdPrev).style.visibility = "hidden";
	//document.getElementById('head_' + nIdPrev).className = "button";
}

function fillPopup(iCount)
{
	document.getElementById('Popup').style.visibility = "visible";
	document.getElementById('Popup').style.background = "none";
	document.getElementById('Popup').style.backgroundImage = "url(/images/elements/gfx_bg_darkgray_95.png)";
	var sInput = '<div class="navbar">';
	
	sInput += '<div style="min-width:100px;">';
	sInput += '<a href="javascript:;" onClick="closePopup()"><img style="border:#fff 5px solid;" src="' + aImages[iCount] + '" border="0"></a>';
	
	if( (iCount - 1) >= 0)
	{
		sInput += "<div class='arrow left'><a href='javascript:;' onclick='fillPopup(" + (iCount - 1) + ");'><img src='/images/elements/arrow_left.png' alt='' border='0' /></a></div>";
	}
	if( (iCount + 1) < aImages.length)
	{
		sInput += "<div class='arrow right'><a href='javascript:;' onclick='fillPopup(" + (iCount + 1) + ");'><img src='/images/elements/arrow_right.png' alt='' border='0' /></a></div>";
	}
	
	sInput += "<div class='arrow close'><a href='javascript:;' onclick='closePopup();'><img src='/images/elements/arrow_center.png' alt='' border='0' /></a></div>";
	
	sInput += '</div>';
	sInput += '</div>';
	document.getElementById('PopupContent').innerHTML = sInput;
}

function closePopup()
{
	document.getElementById('Popup').style.visibility = "hidden";
	document.getElementById('PopupContent').innerHTML = "";
}