//* function for creating callout objects:
function objLayer(calloutLayer)
{
	this.callout = calloutLayer;
}

//* callout target object variable declarations:
var defaultLayer1 = new objLayer("defaultCalloutLayer");
var targetLayer1 = new objLayer("target1");
var targetLayer2 = new objLayer("target2");


//* -- function makes the callout object associated with the object name parameter visible:
function showCallout(tragNum, callout, ns_target, x, y, w, h)
{
	if (browser != "Opera")
	{
		var objLayer = eval(callout + ".callout"); //' callout layer to show

		hideAllCallouts(); //' hide all callouts before showing the above layer

	if (browser == "IE4" || browser == "IE5")
	{
		var Layer = document.all.tags("DIV"); //' all the callouts are enclosed in DIV tags
		// change visibility of all the target DIV tags to visible:
		for (var i = 0; i < Layer.length; i++)
		{
			if ((Layer[i].getAttribute('id') == ns_target) 
			    && ((Layer[i].className == "callout") ||
				(Layer[i].getAttribute('class') == "callout")))
					Layer[i].style.visibility = "visible";
		}
	}
/*
		if (browser == "IE4" || browser == "IE5")
		{
			document.all[objLayer].all[4].innerHTML = profile[tragNum];
		   	document.all[objLayer].style.visibility = "visible";
		}
*/
		else if (browser == "NS4")
		{
			document.layers["target_layer"].moveToAbsolute(x, y);
			document.layers["target_layer"].clip.width = w;
			document.layers["target_layer"].clip.height = h;
	   		document.layers["target_layer"].document.layers[ns_target].visibility = "show";
		}
		else if (browser == "NS6")
		{
		   	document.getElementById(ns_target).style.visibility = "visible";
		}
	}
}

//* -- function hides all callout layers in viewpane area:
function hideAllCallouts()
{ 
	if (browser == "IE4" || browser == "IE5")
		var Layer = document.all.tags("DIV"); //' all the callouts are enclosed in DIV tags
	else if (browser == "NS6" || browser == "Opera")
		var Layer = document.getElementsByTagName("DIV");
	if (browser != "NS4")
	{
		// change visibility of all callout DIV tags to hidden:
		for (var i = 0; i < Layer.length; i++)
		{
			if ((browser == "IE4" || browser =="IE5") && 
			    (Layer[i].className == "callout" || Layer[i].className == "defaultCalloutClass") ||
				(Layer[i].getAttribute('class') == "callout" || Layer[i].getAttribute('class') == "defaultCalloutClass"))
					Layer[i].style.visibility = "hidden";
		}
	} else {
		// change visibility of all child layers of the parent callout layer to hidden:
		var len = document.layers["target_layer"].document.layers.length;
		document.layers["target_layer"].clip.width = 0;
		document.layers["target_layer"].clip.height = 0;
		for (var i = 0; i < len; i++)
		{
			document.layers["target_layer"].document.layers[i].visibility = "hide";

		}
  	}
}