//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function SwapDisplay(hideid, showid, millisec, blendon) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	document.getElementById(showid).style.left = getAbsLeft(document.getElementById(hideid));
	document.getElementById(showid).style.top = getAbsTop(document.getElementById(hideid));
	document.getElementById(showid).style.display = "";

	changeOpac(0, showid);
	
//fade in/out effect
	for(i = 0,j=99; i <= 100; i++,j--) {
		setTimeout("changeOpac(" + j + ",'" + hideid + "')",(timer * speed));
		
		if(j<=blendon)
			setTimeout("changeOpac(" + i + ",'" + showid + "')",(timer * speed));
		else
			i--;
		timer++;
	}
	
	while(i<=100)	{
		setTimeout("changeOpac(" + i + ",'" + showid + "')",(timer * speed));
		i++;
	}
}

// Absolute Positions
function getAbsLeft(el){
var l=el.offsetLeft;
  while((el=el.parentNode) && el!=document)
    l+=el.offsetLeft;
  return l;
}

function getAbsTop(el){
var t=el.offsetTop;
  while((el=el.parentNode) && el!=document)
    t+=el.offsetTop;
  return t;
}

// Relative Positions
function getOffLeft(el){
  return el.offsetLeft;
}

function getOffTop(el){
  return el.offsetTop;
}