var thumbnails = null;

function GET(getID){
	return document.getElementById(getID);
};

function OpenBigImage(filePath, fileID, sender)
{
	// change big image
	var bigImageContainer = GET('div_' + fileID.toString());
	if (bigImageContainer != null)
	{
		SetVisible(bigImageContainer)
		//
		var bigImageTag = GET('img_' + fileID.toString());
		if (bigImageTag != null)
			bigImageTag.src = filePath;
	}
	
	// manage selected
	if (thumbnails == null)
	{
		var ul = document.getElementById('workImages');
		if (ul != null)
			thumbnails = ul.getElementsByTagName('A');
	}
	
	if (thumbnails != null)
	{
		for(var i = 0; i < thumbnails.length; i++)
		{
			thumbnails[i].className = (thumbnails[i] == sender)?'selected':'';
		}
	} 		
};

function SelectFirstImage()
{
	if (thumbnails == null)
	{
		var ul = GET('workImages');
		if (ul != null)
			thumbnails = ul.getElementsByTagName('A');
	}
	
	if (thumbnails != null)
	{
		thumbnails[0].onclick();
	} 		
};

function SetVisible(obj, container)
{
	if(obj == null && container == null) return;
	var parent = container;
	if(obj != null)
		parent = obj.parentNode;
	//
	for(var i = 0; i < parent.childNodes.length; i++)
	{
		if(parent.childNodes[i].style != null)
		parent.childNodes[i].style.display = (parent.childNodes[i] == obj)?'':'none';
	}
};