function lightit(mode,myid)
{
	document.getElementById('it'+myid).style.backgroundColor=(mode==1 ? '#F32121' : '#C4C4C4');
}

function getElementPosition(elem)
{
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
    var l = 0;
    var t = 0;
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }
    return {"left":l, "top":t, "width": w, "height":h};
}

chint_obj=false;

function init_color_hint(hintobj)
{
	chint_obj=document.getElementById(hintobj);
	chint_width=200;
	chint_ani=10;
}

function show_color_hint(ancor)
{
	if(!chint_obj) return;
	var location=getElementPosition(ancor);
	chint_obj.style.top=location.top-6;
	chint_obj.style.left=location.left+25;
	chint_obj.clip="rect(auto,10,auto,auto)";
	chint_ani=10;
	if(typeof intervalID!= "undefined") clearInterval(intervalID);
	intervalID = setInterval("hintAnimation()", 10);
}

function hide_color_hint()
{
	if(!chint_obj) return;
	chint_obj.style.display='none';
	if(typeof intervalID!= "undefined") clearInterval(intervalID);
}

function hintAnimation()
{
	chint_ani+=10;
	if(chint_ani<chint_width) 
	{
	chint_obj.style.display='block';
	chint_obj.style.clip="rect(auto,"+chint_ani+"px,auto,auto)";
	}
	else clearInterval(intervalID);
}