function swapimage(TdID)
{
	colorCount=0;
	
		TdID.style.background='url(images/sidebutton_left.jpg)';
		TdID.style.backgroundRepeat = 'no-repeat';
}
function hideme() 
{
	var etop = document.getElementById('hideable');
	var emiddle = document.getElementById('hideablemiddle');
	//var elast = document.getElementById('hideablelast')
	etop.style.display = 'none';
	emiddle.style.display = 'none';
	//elast.style.display = 'none';
	
	for (i = 1; i <= 6; i++)
	{
		element = document.getElementById('toggleme' + i);
		element.style.background='url(images/sidebutton.jpg)';
		element.style.backgroundRepeat = 'no-repeat';
	}
}

function toggleme(k) 
{
	//clearTimeout(Timer);
	//LoadAll(k);
	
	var rem = k % 3;
	var col = (rem == 0) ? 'right' : ((rem == 1) ? 'left' : 'center');

	var element = document.getElementById('toggleme' + k);
	element.style.background='url(images/sidebutton_' + col + '.jpg)';
	element.style.backgroundRepeat = 'no-repeat';
	
	var etop = document.getElementById('hideable');
	var emiddle = document.getElementById('hideablemiddle');
	//var elast = document.getElementById('hideablelast')
	etop.style.display = 'none';
	emiddle.style.display = 'none';
	//elast.style.display = 'none';
	
	if (k <= 3)
	{
		row = 'top';
		indices = [1, 2, 3];
		etop.style.display = 'block';
	} 
	else if (k <= 6)
	{
		row = 'middle';
		indices = [4, 5, 6];
		emiddle.style.display = 'block';
	}
	/*else
	{
		row = 'last';
		indices = [7, 8, 9];
		elast.style.display = 'block';
	}*/
	element = document.getElementById('td' + row);
	element.style.background='url(images/sidebg_' + col + '.jpg)';
	element.style.backgroundRepeat = 'no-repeat';
	
	for (i = 0; i < 3; i++)
	{
		var index = indices[i];
		var element = document.getElementById('ScCat' + index);
		element.style.display = (index == k) ? 'block' : 'none';
	}
	
	for (i = 1; i <= 2; i++)
	{
		if (i != k)
		{
			element = document.getElementById('toggleme' + i);
			element.style.background='url(images/sidebutton.jpg)';
			element.style.backgroundRepeat = 'no-repeat';
		}
	}
}

function togglehot(k) 
{
	var element = document.getElementById('togglehot' + k);
	//element.style.background='url(images/redbg.jpg)';
	
	indices = [1, 2];
	for (i = 0; i < 2; i++)
	{
		var index = indices[i];
		var element = document.getElementById('togglehot' + index);
		//element.className = (index == k) ? 'borderup redbold12' : 'whitebold12tab';
		//element.style.background = (index != k) ? 'url(images/redbg.jpg)' : '';
			
		if(index == k)
		{
			element.setAttribute("class", "redbold12tab");
			element.setAttribute("className", "redbold12tab"); 
		}
		else
		{
			element.setAttribute("class", "whitebold12tab");
			element.setAttribute("className", "whitebold12tab"); 
		}
		
		var index1 = indices[i];
		var element1 = document.getElementById('HotCat' + index1);
		element1.style.display = (index1 == k) ? 'block' : 'none';
	}
}