/* <!--
	name:	layerLib.js
	dir:	\htdocs\includes
	by: 	OpenAsia Solutions Pte Ltd
	func:	layer functions support menus in IE4 and Navigator 4 (or later); 
			assumes 'is' object is defined in the same frame (eg- the data frame);
			assumes 'targetframe' is defined for the frame where the menu will appear;
			future re-write... consider the following:
			 	if (document.layers) document.all = document.layers;
			In Communicator, layers are accessed through the document.layers array, and in 
			Internet Explorer they are accessed through the document.all array. This would 
			let us access both the same way (ie- as 'document.all').
	rev: 	20010909, wmc, consolidated previously separate code for IE and Netscape
			20020420, wmc, added support to set layer target frame, write to relative
				positioned layer object (using cross-platform 'div' tag), and support
				for writing inline text (for example to 'span' layer nested in a table)
	--> */

var layerLib = this;

if (!targetframe) 
	var targetframe = top.bodyframe;

function setLayerTargetFrame (framename) {
	targetframe = eval(framename);
}

	// write text to layer created with 'div' tags (doesn't work inside tables)
function layerWrite(layer_id, text, container) {
	var layerObj;
	if (is.nav4up) {
			// layer-write works only with absolute positioned layers... for relative positioning, 
			// make the relative layer a container for an absolute layer (which you can write to)
			// Example of nested 'div' tags for relative positioning in NS browser:
			// <div id="test_div_container" style="position:relative;">
			// <div id="test_div" style="position:absolute; clip:rect(0, 150, 20, 0); 
			// layer-background-color:#C0C0C0;"> in-line text </div></div>
		if (container)
			layerObj = eval('targetframe.document.' + container + '.document.' + layer_id);
		else
			layerObj = targetframe.document.layers[layer_id];
		layerObj.document.open();
		layerObj.document.write(text);
		layerObj.document.close();
	} else if (is.ie4up) {
		targetframe.document.all[layer_id].innerHTML = text;
	}
}

	// this function is suitable for writing into a table cell, the layer syntax would be:
	// <layer id="SpanNS_span_id">&nbsp;</layer>
	// <span id="SpanIE_span_id" style="position: relative;">&nbsp;</span>
function writeInlineText (NS_span_id, IE_span_id, str, framename) {
	var targetframe = this.targetframe;				// declare a local target frame
	if (framename) targetframe = eval(framename);	// handle optional parameter
 	if (document.layers) targetframe.document.all = targetframe.document.layers;
	if (targetframe.document.all[NS_span_id] && targetframe.document.all[IE_span_id]) {
		if (is.nav4up) {
			var NS_layerObj = targetframe.document.layers[NS_span_id];
			var IE_layerObj = targetframe.document.layers[IE_span_id];
			moveLayerTo (NS_layerObj, IE_layerObj.pageX, IE_layerObj.pageY);
			NS_layerObj.document.open();
			NS_layerObj.document.write(str);
			NS_layerObj.document.close();
			NS_layerObj.visibility = 'show';
		} else if (is.ie4up) { 
			targetframe.document.all[IE_span_id].innerHTML = str; 
			targetframe.document.all[IE_span_id].visibility = 'visible';
		}
	} else {
		alert("At least one of the layer objects is undefined: '" + NS_span_id 
		  + "', '" + IE_span_id + "' in the target frame '" + targetframe.name + "'.");
	}
}

	// Insert layer is troublesome in Netscape,
	// because it introduces one more layer, and layers do not propagate events. 
function addLayer (str) {
	if (is.nav4up) {
		mlayer= new Layer(600);
		mlayer.document.open();
		mlayer.document.write(str);
		mlayer.document.close();
		mlayer.visibility = 'show';
	} 
	if (is.ie4up) {
		document.body.insertAdjacentHTML("beforeEnd",str);
	}
}

function hideLayer (layer) { 
	if (is.ie4up)
		layer.style.visibility = "hidden";
	if (is.nav4up)
		layer.visibility = "hide";
}

function showLayer (layer) { 
	if (is.ie4up)
		layer.style.visibility = "visible";
	if (is.nav4up)
		layer.visibility = "show";
}

function inheritLayer (layer) { 
	if (is.ie4up)
		layer.style.visibility = "inherit";
	if (is.nav4up)
		layer.visibility = "inherit";
}

function getVisibility (layer) {
	if (is.ie4up)
		return layer.style.visibility;
	if (is.nav4up) {
		if (layer.visibility == "show") return "visible";
		if (layer.visibility == "hide") return "hidden";
		return layer.visibility;
	}
}

function moveLayerTo (layer, x, y) {
	if (is.ie4up) {
		layer.style.left = x;
		layer.style.top = y;
	}
	if (is.nav4up)
		layer.moveTo (x,y);
}

function moveLayerBy (layer, dx, dy) { 
	if (is.ie4up) {
		layer.style.pixelLeft += dx;
		layer.style.pixelTop += dy;
	}
	if (is.nav4up)
		layer.moveBy (dx,dy);
}

function getLeft (layer) { 
	if (is.ie4up)
		return layer.style.pixelLeft;
	if (is.nav4up)
		return layer.left;		
}

function getTop (layer) { 
	if (is.ie4up)
		return layer.style.pixelTop;
	if (is.nav4up)
		return layer.top;		
}

function getRight (layer) { 
	if (is.ie4up)
		return layer.style.pixelLeft + getWidth (layer);
	if (is.nav4up)
		return layer.left + getWidth (layer);		
}

function getBottom (layer) { 
	if (is.ie4up)
		return layer.style.pixelTop + getHeight (layer);
	if (is.nav4up)
		return layer.top + getHeight (layer);
}

function getPageLeft (layer) { 
	if (is.ie4up) {
		var x = 0;
		while (layer.offsetParent != null) {
			x += layer.offsetLeft;
			layer = layer.offsetParent;
		}
		x += layer.offsetLeft;
		return x;
	}
	if (is.nav4up)
		return layer.pageX;
}

function getPageTop (layer) { 
	if (is.ie4up) {
		var y = 0;
		while (layer.offsetParent != null) {
			y += layer.offsetTop;
			layer = layer.offsetParent;
			}
		y += layer.offsetTop;
		return y;
	}
	if (is.nav4up)
		return layer.pageY;
}

function getWidth (layer) { 
	if (is.ie4up) {
		if (layer.style.pixelWidth)
			return layer.style.pixelWidth;
		else 
			return layer.clientWidth;
	}
	if (is.nav4up) {
		if (layer.document.width)
			return layer.document.width;
		else 
			return (layer.clip.right - layer.clip.left);
	}
}

function getHeight (layer) { 
	if (is.ie4up) {
		if (layer.style.pixelHeight)
			return layer.style.pixelHeight;
		else 
			return layer.clientHeight;
	}
	if (is.nav4up) {
		if (layer.document.height) 
			return layer.document.height;
		else 
			return (layer.clip.bottom - layer.clip.top);
	}
}

function getzIndex (layer) { 
	if (is.ie4up) 
		return layer.style.zIndex;
	if (is.nav4up)
		return layer.zIndex;
}

function setzIndex (layer, z) { 
	if (is.ie4up) 
		layer.style.zIndex = z;
	if (is.nav4up)
		layer.zIndex = z;
}

function clipLayer (layer, clipleft, cliptop, clipright, clipbottom) { 
	if (is.ie4up) {
		layer.style.clip = 
		  'rect (' + cliptop + ' ' + clipright + ' ' + clipbottom + ' ' + clipleft + ')';
	}
	if (is.nav4up) {
		layer.clip.left = clipleft;
		layer.clip.top = cliptop;
		layer.clip.right = clipright;
		layer.clip.bottom = clipbottom;
	}
}

function getClipTop (layer) { 
	if (is.ie4up) {
		if (layer.style.clip)
			return (getIEClipValues (layer.style.clip)[0]);
		else
			return 0;
	}
	if (is.nav4up)
		return layer.clip.top;	
}

function getClipRight (layer) { 
	if (is.ie4up) {
		if (layer.style.clip)
			return (getIEClipValues (layer.style.clip)[1]);
		else 
			layer.style.pixelWidth;
	}
	if (is.nav4up)
		return layer.clip.right;	
}

function getClipBottom (layer) { 
	if (is.ie4up) {
		if (layer.style.clip)
			return (getIEClipValues (layer.style.clip)[2]);
		else
			return layer.style.pixelHeight;
	}
	if (is.nav4up)
		return layer.clip.bottom;
}

function getClipLeft (layer) { 
	if (is.ie4up) {
		if (layer.style.clip)
			return (getIEClipValues (layer.style.clip)[3]);
		else
			return 0;
	}
	if (is.nav4up)
		return layer.clip.left;
}

function getClipWidth (layer) { 
	if (is.ie4up) {
		if (layer.style.clip) {
			var clip = getIEClipValues (layer.style.clip);
			return (clip[1] - clip[3]);
		} else { 
			return layer.style.pixelWidth;
		}
	}
	if (is.nav4up)
		return layer.clip.width;
}

function getClipHeight (layer) { 
	if (is.ie4up) {
		if (layer.style.clip) {
			var clip = getIEClipValues (layer.style.clip);
			return (clip[2] - clip[0]);
		} else {
			return layer.style.pixelHeight;
		}
	}
	if (is.nav4up)
		return layer.clip.height;
}

function getIEClipValues (str) {
	if (is.ie4up) {
		var clip = new Array ();
		var i = str.indexOf (" (");
		clip[0] = parseInt (str.substring (i + 1, str.length), 10);
		i = str.indexOf (" ", i + 1);
		clip[1] = parseInt (str.substring (i + 1, str.length), 10);
		i = str.indexOf (" ", i + 1);
		clip[2] = parseInt (str.substring (i + 1, str.length), 10);
		i = str.indexOf (" ", i + 1);
		clip[3] = parseInt (str.substring (i + 1, str.length), 10);
		return clip;
	}
}

function scrollLayerTo (layer, x, y, bound) {
	var dx = getClipLeft (layer) - x;
	var dy = getClipTop (layer) - y;
	scrollLayerBy (layer, -dx, -dy, bound);
}

function scrollLayerBy (layer, dx, dy, bound) {
	var cl = getClipLeft (layer);
	var ct = getClipTop (layer);
	var cr = getClipRight (layer);
	var cb = getClipBottom (layer);
	if (bound) {
		if (cl + dx < 0) dx = -cl;
		else if (cr + dx > getWidth (layer)) dx = getWidth (layer) - cr;
		if (ct + dy < 0) dy = -ct;
		else if (cb + dy > getHeight (layer)) dy = getHeight (layer) - cb;
	}
	clipLayer (layer, cl + dx, ct + dy, cr + dx, cb + dy);
	moveLayerBy (layer, -dx, -dy);
}

function setBgColor (layer,color) { 
	if (is.ie4up)
		layer.style.backgroundColor = color;
	if (is.nav4up)
		layer.bgColor=color;
}

function setBgImage (layer, src) { 
	if (is.ie4up)
		layer.style.backgroundImage = "url(" + src + ")";
	if (is.nav4up)
		layer.background.src = src;
}

function getLayer (layer_id) { 
	if (is.ie4up)
		return targetframe.document.all[name];
	if (is.nav4up)
		return findNSLayer (name, targetframe.document);		
}

function findNSLayer (name, doc) {
	if (is.nav4up) {
		var i, layer;
		for (i = 0; i < doc.layers.length; i++) {
			layer = doc.layers[i];
			if (layer.name == name) return layer;
			if (layer.document.layers.length > 0)
			if ((layer = findLayer(name,layer.document)) != null)
				return layer;
		}
		return null;
	}
}

function getImage (name) { 
	if (is.ie4up)
		return targetframe.document.all[name];
	if (is.nav4up)
		return findNSImage (name, targetframe.document);
}


function findNSImage (name, doc) {
	if (is.nav4up) {
		var i, img;
		for (i = 0; i < doc.images.length; i++)
			if (doc.images[i].name == name) return doc.images[i];
		for (i = 0; i < doc.layers.length; i++)
			if ((img = findImage (name, doc.layers[i].document)) != null) {
				img.container = doc.layers[i];
				return img;
			}
		return null;
	}
}

function getImagePageLeft (img) { 
	if (is.ie4up) {
		var x = 0, obj = img;
		while (obj.offsetParent != null) {
			x += obj.offsetLeft;
			obj = obj.offsetParent;
		}
		x += obj.offsetLeft;
		return x;
	}
	if (is.nav4up) {
		if (img.container != null) 
			return (img.container.pageX + img.x);
		else 
			return img.x;
	}
}

function getImagePageTop (img) { 
	if (is.ie4up) {
		var y = 0, obj = img;
		while (obj.offsetParent != null) {
			y += obj.offsetTop;
			obj = obj.offsetParent;
		}
		y += obj.offsetTop;
		return y;
	}
	if (is.nav4up) {
		if (img.container != null)
			return (img.container.pageY + img.y);
		else 
			return img.y;
	}
}

function getWindowWidth () { 
	if (is.ie4up) 
		return targetframe.document.body.clientWidth;
	if (is.nav4up) 
		return targetframe.window.innerWidth;
}

function getWindowHeight () { 
	if (is.ie4up) 
		return targetframe.document.body.clientHeight;
	if (is.nav4up) 
		return targetframe.window.innerHeight;
}

function getPageWidth () { 
	if (is.ie4up) 
		return targetframe.document.body.scrollWidth;
	if (is.nav4up) 
		return targetframe.document.width;		
}

function getPageHeight () { 
	if (is.ie4up) 
		return targetframe.document.body.scrollHeight;
	if (is.nav4up) 
		return targetframe.document.height;
}

function getPageScrollX () { 
	if (is.ie4up) 
		return targetframe.document.body.scrollLeft;
	if (is.nav4up) 
		return targetframe.window.pageXOffset;
}

function getPageScrollY () { 
	if (is.ie4up) 
		return targetframe.document.body.scrollTop;
	if (is.nav4up) 
		return targetframe.window.pageYOffset;		
}

function getMouseX (e) {
	if (is.ie4up) 
		return (targetframe.window.event.clientX + targetframe.document.body.scrollLeft);
	if (is.nav4up) 
		return e.pageX;
}

function getMouseY (e) {
	if (is.ie4up) 
		return (targetframe.window.event.clientY + targetframe.document.body.scrollTop);
	if (is.nav4up) 
		return e.pageY;
}