//iFrame for IE6
var iframe;
var div;
var element;

function showDivCenter(el,divID) {
	hideDiv();
	element=el;
	div=getEl(divID);
	center();
	return false;
}
function showDivUnder(el,divID) {
	hideDiv();
	element=el;
	div=getEl(divID);
	underElement();
	return false;
}

// Hide the div.
function hideDiv() {
	if(div!=null){
		div.style.display = 'none';
		//hideIFrame();
	}
}
function showDiv(el,divID) { 
	hideDiv(); 
	element=el; 
	div=getEl(divID); 
	showTheDiv(); 
	return false; 
} 
function showTheDiv() { 
	if(div!=null){ 
		div.style.display = 'block'; 
	} 
} 

function underElement(){
	// To change the position properly, we must show it first.
	div.style.display = 'block';
	div.focus();
	div.style.left=getLeft(element)+ 'px';
	div.style.top=(getTop(element) + element.offsetHeight)+ 'px';
	//showIFrame();
}

function center(){
	// To change the position properly, we must show it first.
	div.style.display = 'block';
	div.focus();
	div.style.left=Math.round(getClientW()/2)+getScrollLeft()-Math.round(div.offsetWidth/2) + 'px';
	div.style.top=Math.round(getClientH()/2)+getScrollTop()-Math.round(div.offsetHeight/2) + 'px';
	//showIFrame();
}

function makeFrame() {
   ifrm = document.createElement("IFRAME");
   ifrm.id='theframe';
   ifrm.style.position='absolute';
   ifrm.style.display='none';
   document.body.appendChild(ifrm);
   iframe=getEl('theframe');
}

function showIFrame()
{
	if(iframe==null){
		makeFrame();
	}
	iframe.style.left = div.style.left;
	iframe.style.top = div.style.top;
	iframe.style.height = div.offsetHeight-4;
	iframe.style.width = div.offsetWidth-4;
	iframe.style.display = "block";	
}
function hideIFrame(){
	iframe.style.display = 'none';
}

// Get Element By Id
function getEl(id) {
	return document.getElementById(id);
}
// Get the left and the top of the element.
function getLeft(el) {
	var tmp = el.offsetLeft;
	el = el.offsetParent
	while(el) {
		tmp += el.offsetLeft;
		el = el.offsetParent;
	}
	return tmp;
}
function getTop(el) {
	var tmp = el.offsetTop;
	el = el.offsetParent
	while(el) {
		tmp += el.offsetTop;
		el = el.offsetParent;
	}
	return tmp;
}
function getClientW(){
	if(document.innerWidth){ 
		return document.innerWidth;
	} else if(document.documentElement.clientWidth){ 
		return document.documentElement.clientWidth;
	} else if(document.body){ 
		return document.body.clientWidth; 
	}
}
function getClientH(){
	if(document.innerHeight){ 
		return document.innerHeight;
	} else if(document.documentElement.clientHeight){ 
		return document.documentElement.clientHeight;
	} else if(document.body){
		return document.body.clientHeight; 
	}	
}