ContentInfo = "";

//topColor = "#808080"
topColor = "#FFFFFF"
//subColor = "#C0C0C0"
//topColor = "#FFFFFF"
subColor = "#FFFFFF"


var mouse_X;
var mouse_Y;

var tip_active = 0;


function update_tip_pos(){

		document.getElementById('ToolTip').style.left = mouse_X + 20;
		document.getElementById('ToolTip').style.top  = mouse_Y + 5;
		//alert("is IE:" + ie + ":::"+ mouse_X + " x " + mouse_Y);
}


var ie = document.all?true:false;
//if (!ie) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

function getMouseXY(e) 
{
	if (ie) 
	{ // grab the x-y pos.s if browser is IE
		mouse_X = event.clientX + document.body.scrollLeft;
		mouse_Y = event.clientY + document.body.scrollTop;
		//alert("is IE:" + ie + ":::"+ mouse_X + " x " + mouse_Y);
		//if ((mouse_X + 270) > document.documentElement.clientWidth)
		//	mouse_X = document.documentElement.clientWidth - 275;
		//if ((mouse_Y + 250) > document.documentElement.clientHeight)
		//	mouse_Y = document.documentElement.clientHeight - 275;

	}
	else 
	{ // grab the x-y pos.s if browser is NS
		mouse_X = e.pageX;
		mouse_Y = e.pageY;
		//alert("is IE:" + ie + ":::"+ mouse_X + " x " + mouse_Y);
		if ((mouse_X + 270) > document.documentElement.clientWidth)
			mouse_X = document.documentElement.clientWidth - 275;
		if ((mouse_Y + 275) > document.documentElement.clientHeight)
			mouse_Y = document.documentElement.clientHeight - 275;
	}
	if (mouse_X < 0)
	{
		mouse_X = 0;
	}
	if (mouse_Y < 0)
	{
		mouse_Y = 0;
	}

	if(tip_active)
	{
		update_tip_pos();
	}
}


function EnterContent(item_image){

ContentInfo = '<div class="item-pop"><img class="itemImageStyle" src="' + item_image + '" alt="" height="250px"></div>';

}


function tip_it(which, item_image){

	//item_image = "http://site.holyfamilyonline.com/item_images/" + item_image.toLowerCase() + ".jpg";
	//alert(item_image);
	if(which){
	
		update_tip_pos();
	
		tip_active = 1;
		
		document.getElementById('ToolTip').style.visibility = "visible";
		
		EnterContent(item_image);
		
		document.getElementById('ToolTip').innerHTML = ContentInfo;
	
	}else{
	
		tip_active = 0;
	
		document.getElementById('ToolTip').style.visibility = "hidden";
	}

}