
function fnShowDetails(text,offSetLeft,offSetTop)
	{
//		alert(text);
		var theCollage = document.getElementById('collage1g');
		var detailDiv = document.getElementById('detailDiv')
		detailDiv.style.display = "block";
		detailDiv.innerHTML = text;
		setPosition(detailDiv,theCollage,offSetLeft,offSetTop);
	}
	
function fnHideDetails()
{
		var detailDiv = document.getElementById('detailDiv')
		detailDiv.style.display = "none";
}

function setPosition(detailDiv,theCollage,offSetLeft,offSetTop)
{
	var w = theCollage.clientWidth;
	var h = theCollage.clientHeight;
	//alert("h=" + h + "; w=" + w);

	if (w == null || w == '' || w == 0)
		w = theCollage.scrollWidth;
	
	if (h == null || h == '' || h == 0)
		h = theCollage.scrollHeight;

	var left = elOffsetX(theCollage);
	//alert(left);
	var top = elOffsetY(theCollage); // + h + 4;

	if(pageWidth() < left + theCollage.clientWidth)
		left = elOffsetX(theCollage) - theCollage.clientWidth + 5;

    if(left < 0)
        left = 0;

    if(document.body.scrollTop + pageHeight() < top + theCollage.clientHeight){
		top = elOffsetY(theCollage) - theCollage.clientHeight;
	}

    if(top < 0){
        top = 0;
        left += 5;
    }

	//alert(left);
    detailDiv.style.left = (left + offSetLeft) + "px";
	detailDiv.style.top = (top + offSetTop) + "px";
}

// calculates elements offset from the left
function elOffsetX(e){
	var x = 0;
	
	while (e) {
		if (isDef(e.offsetLeft))
			x += e.offsetLeft;
		e = isDef(e.offsetParent) ? e.offsetParent : null;
	}
	
	return x;
}

// calculates elements offset from the top
function elOffsetY(e){
	var y = 0;
	
	while (e) {
		if (isDef(e.offsetTop))
			y += e.offsetTop;
			
		e = isDef(e.offsetParent) ? e.offsetParent : null;
	}
	
	return y;
}

function isDef(){
	for(var i=0; i<arguments.length; ++i){
		if(typeof(arguments[i])=='undefined')
			return false;
	}
	return true;
}

function pageWidth(){
	return window.innerWidth != null ? window.innerWidth : document.body != null ? document.body.clientWidth : 800;
}

function pageHeight(){
	return window.innerHeight != null ? window.innerHeight : document.body != null ? document.body.clientHeight : 500;
}

function fnBookmark()
{
	var urlAddress = "http://www.netcentricconsulting.com"; 
	var pageName = "NetCentric Consulting LLC"; 
	if (window.external) 
		{ 
			window.external.AddFavorite(urlAddress,pageName) 
		} 
		else 
			{ 
				alert("Please press Ctrl + D to add a bookmark to this site.."); 
			}
}
