﻿function expand(itemId)
{
	var item = document.getElementById(itemId);
	item.style.width = '290px'
	item.getElementsByTagName('div').item(0).style.background = '#FC3300';
	item.getElementsByTagName('div').item(1).style.display = 'block';

	if((item.parentNode.offsetLeft > 600)||(item.parentNode.offsetTop >= 200 && item.parentNode.offsetLeft > 400))
	{
		item.getElementsByTagName('div').item(1).style.marginLeft = '0';
		item.getElementsByTagName('div').item(1).style.marginRight = '10px';
		item.getElementsByTagName('div').item(1).style.left = '0px';
		if (navigator.appName!="Microsoft Internet Explorer")
		{
			item.style.right = '0px'
		}
		else
		{
			item.style.left = (item.parentNode.offsetLeft - 200) + 'px';
		}
			
		item.getElementsByTagName('div').item(0).style.styleFloat = 'right';
		item.getElementsByTagName('div').item(1).style.styleFloat = 'left';
		item.getElementsByTagName('div').item(0).style.cssFloat = 'right';
		item.getElementsByTagName('div').item(1).style.cssFloat = 'left';
	}

}

function shrink(itemId)
{
	var item= document.getElementById(itemId);
	item.style.width = "90px"
	item.getElementsByTagName('div').item(0).style.background = 'transparent';
	item.getElementsByTagName('div').item(1).style.display = 'none';
	
		if (navigator.appName=="Microsoft Internet Explorer")
		{
		item.style.left = (item.parentNode.offsetLeft) + 'px';
		}				
}

function highLight(item)
{
	document.getElementById(item).style.background = '#FC3300';
}

function highLightOff(item)
{
	document.getElementById(item).style.background = 'transparent';
}