function getElementTop(Elem) {
		yPos = Elem.offsetTop;
		tempEl = Elem.offsetParent;
		while (tempEl != null) {
  			yPos += tempEl.offsetTop;
	  		tempEl = tempEl.offsetParent;
  		}
		return yPos;
}
function getElementLeft(Elem) {
		xPos = Elem.offsetLeft;
		tempEl = Elem.offsetParent;
		while (tempEl != null) {
  			xPos += tempEl.offsetLeft;
	  		tempEl = tempEl.offsetParent;
  		}
		return xPos;
}
function showTech(caller, image, header, text) {
	floatingHandler = document.getElementById('floating');
	imageHandler = document.getElementById('floating_image');
	imageContentHandler = document.getElementById('floating_image_content');
	floatingTextHandler = document.getElementById('floating_text');
	overlayHandler = document.getElementById('overlayiframe');
	
	h = document.getElementById('floating_header');
	p = document.getElementById('floating_p');
	if(image == '') {
		imageContentHandler.style.display = "none";
		floatingTextHandler.style.width = "200px";
	}
	else {
		floatingTextHandler.style.width = "140px";
		imageHandler.src = tech_url + image;
		imageContentHandler.style.display = "block";
	}
	h.innerHTML = header;
	p.innerHTML = text;
	
	floatingHandler.style.top = getElementTop(caller) + "px";
	overlayHandler.style.top = getElementTop(caller) + "px";
	
	floatingHandler.style.left = getElementLeft(caller) -232  + "px";
	overlayHandler.style.left = getElementLeft(caller) -232  + "px";
	
	floatingHandler.style.display = "block";
	overlayHandler.style.height = floatingHandler.offsetHeight + "px";
	overlayHandler.style.display = "block";
}
function hideTech() {
	document.getElementById('floating').style.display = "none";
	document.getElementById('overlayiframe').style.display = "none";
}
function changeAll(newSrc, newHref) {
	changeImg(newSrc);
	changeHref(newHref);
}
function changeImg(newSrc) {
	var handler = document.getElementById("lightbimg");
	handler.src = newSrc;
}
function changeHref(newHref) {
	var handler = document.getElementById("lightblink");
	handler.href = newHref;
}