var lightColor;
var darkColor;

function getStyle(obj, styleProp)
{
	if (obj.currentStyle)
	{
		var y = obj.currentStyle[styleProp];
	}
	else if (window.getComputedStyle)
	{
		var y = document.defaultView.getComputedStyle(obj,null).getPropertyValue(styleProp);
	}
	return y;
}

function MouseOverHandler(obj)
{
	obj.style.cursor = 'pointer';
}

function MouseOutHandler(obj)
{
	obj.style.cursor = 'default';
}

function MouseDownHandler(obj)
{
	if (obj.className != 'active')
	{
		lightColor = getStyle(obj, 'border-top-color')
			? getStyle(obj, 'border-top-color')
			: getStyle(obj, 'borderTopColor');
		
		darkColor = getStyle(obj, 'border-bottom-color')
			? getStyle(obj, 'border-bottom-color')
			: getStyle(obj, 'borderBottomColor');

		obj.style.borderTopColor = darkColor;
		obj.style.borderLeftColor = darkColor;
		obj.style.borderRightColor = lightColor;
		obj.style.borderBottomColor = lightColor;
	}
}

function MouseUpHandler(obj)
{
	if (obj.className != 'active')
	{
		obj.style.borderTopColor = lightColor;
		obj.style.borderLeftColor = lightColor;
		obj.style.borderRightColor = darkColor;
		obj.style.borderBottomColor = darkColor;
	}
}