var thumbnails = null;
var coatingMenuItems = null;
var coatingLists = null;

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

function ShowCoatList(coatingMenuID)
{
	FlatCoatMenu();
	//
	var coatingMenuItem = GET("coatingmenu_" + coatingMenuID);
	var coatingList = GET("coating_" + coatingMenuID);
	
	if (coatingMenuItem != null)
		coatingMenuItem.style.color = '#900';

	if (coatingList != null)
		coatingList.style.display = '';
}

function FlatCoatMenu()
{
	var menuContainer = document.getElementById('coatingMenu');
	var listContainer = document.getElementById('coatingLists');
	
	if (menuContainer != null)
		coatingMenuItems = menuContainer.getElementsByTagName('DIV');
		
	if (coatingMenuItems != null)
	{
		for(var i = 0; i < coatingMenuItems.length; i++)
		{
			coatingMenuItems[i].style.color = '#000';
		}
	} 		
	
	if (listContainer != null)
		coatingLists = listContainer.getElementsByTagName('UL');
		
		
	if (coatingLists != null)
	{
		for(var i = 0; i < coatingLists.length; i++)
		{
			
			coatingLists[i].style.display = 'none';
		}
	} 		
}

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('thumbnails');
		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('thumbnails');
		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';
	}
};