//Set css class on element
function SetCssClassName(elementId, cssClass)
{
	var element = document.getElementById(elementId);
	
	if (element != null)
	{		
		element.className = cssClass;		
	}
}

//Set CssClass on containertable based on resolution
function SetContainerClass(elementId)
{	
	try
	{
		//alert('setting container width');
		if (screen.width <= 1024)
		{		
			SetCssClassName(elementId, "ContainerTableLowRes");		
		}
		else
		{		
			SetCssClassName(elementId, "ContainerTable");		
		}
	}
	catch(error)
	{
		//Do nothing...
	}
}

function ToggleMenuVisibility(elementId, puffElementId)
{
	var element = document.getElementById(elementId);
	if (element != null)
	{
		if (element.style.display == 'none')
		{
			element.style.display = 'block';
		}
		else if (element.style.display == 'block')
		{			
			element.style.display = 'none';
		}
	}
	
	//Toggle puff
	var puff = document.getElementById(puffElementId);
	if (puff != null)
	{
		if (puff.style.display == 'none')
		{
			puff.style.display = 'block';
		}
		else if (puff.style.display == 'block')
		{			
			puff.style.display = 'none';
		}						
	}
}