function getposOffset(overlay, offsettype){
	var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
	var parentEl=overlay.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

function overlay(curobj, subobjstr, opt_position){
	if (document.getElementById){
		var d = document.getElementsByTagName('div');
		for(c=0;c<d.length;c++){
			if(d[c].getAttribute('title') == "popup"){
				d[c].style.display="none";
			}
		}
		var subobj=document.getElementById(subobjstr);
		subobj.style.display=(subobj.style.display!="block")? "block" : "none";
		var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0); 
		var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0);
		/*subobj.style.left=xpos-parseInt('200')+"px";*/
		if(xpos > 400){
			subobj.style.left=xpos-parseInt('400')+"px";
		}else if(xpos <= 400 && xpos>300){
			subobj.style.left=xpos-parseInt('300')+"px";
		}else if(xpos <= 300 && xpos> 200){
			subobj.style.left=xpos-parseInt('200')+"px";
		}else if(xpos <= 200 && xpos> 100){
			subobj.style.left=xpos-parseInt('100')+"px";
		}else{
			subobj.style.left=xpos+"px";
		}	
		subobj.style.top=ypos+parseInt('10')+"px";
		subobj.style.position='absolute';
		//alert('left '+subobj.style.left+' xpos '+xpos);
		return false;
	}
	return true;
}

function overlayclose(subobj){
	document.getElementById(subobj).style.display="none";
}


function overlay1(curobj, subobjstr, opt_position){
	if (document.getElementById){
		var d = document.getElementsByTagName('div');
		for(c=0;c<d.length;c++){
			if(d[c].getAttribute('title') == "popup"){
				d[c].style.display="none";
			}
		}
		var subobj=document.getElementById(subobjstr);
		subobj.style.display=(subobj.style.display!="block")? "block" : "none";
		var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0); 
		var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0);
		/*subobj.style.left=xpos-parseInt('130')+"px";*/
		if(xpos > 400){
			subobj.style.left=xpos-parseInt('400')+"px";
		}else if(xpos <= 400 && xpos>300){
			if(xpos <= 399 && xpos>350){ subobj.style.left=71+"px";
			}else if(xpos <= 350 && xpos>300){ subobj.style.left=71+"px";
			}else{ subobj.style.left=70+"px";}
		}else if(xpos <= 300 && xpos> 200){
			subobj.style.left=xpos-parseInt('200')+"px";
		}else if(xpos <= 200 && xpos> 100){
			subobj.style.left=xpos-parseInt('100')+"px";
		}else{
			subobj.style.left=xpos+"px";
		}	
		subobj.style.top=ypos+"px";
		subobj.style.position='absolute';
		///alert('left '+subobj.style.left+' xpos '+xpos);
		return false;
	}
	return true;
}


function overlay2(curobj, subobjstr, opt_position){
	if (document.getElementById){
		var d = document.getElementsByTagName('div');
		for(c=0;c<d.length;c++){
			if(d[c].getAttribute('title') == "popup"){
				d[c].style.display="none";
			}
		}
		var subobj=document.getElementById(subobjstr);
		subobj.style.display=(subobj.style.display!="block")? "block" : "none";
		var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0); 
		var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0);
		/*subobj.style.left=xpos-parseInt('130')+"px";*/
		if(xpos > 1200){
			subobj.style.left=xpos-parseInt('100')+"px";
		}else if(xpos <= 1200 && xpos>1100){
			if(xpos <= 1199 && xpos>1150){ subobj.style.left=750+"px";
			}else if(xpos <= 1150 && xpos>1100){ subobj.style.left=750+"px";
			}else{ subobj.style.left=xpos-parseInt('100')+"px";}
		}else if(xpos <= 1100 && xpos> 1000){
			if(xpos <= 1099 && xpos>1050){ subobj.style.left=750+"px";
			}else if(xpos <= 1050 && xpos>1000){ subobj.style.left=750+"px";
			}else{ subobj.style.left=xpos-parseInt('20')+"px";}
		}else if(xpos <= 1000 && xpos> 900){
			if(xpos <= 999 && xpos>950){ subobj.style.left=750+"px";
			}else if(xpos <= 950 && xpos>900){ subobj.style.left=700+"px";
			}else{ subobj.style.left=xpos-parseInt('20')+"px";}
		}else if(xpos <= 900 && xpos> 800){
			if(xpos <= 899 && xpos>850){ subobj.style.left=750+"px";
			}else if(xpos <= 850 && xpos>800){ subobj.style.left=700+"px";
			}else{ subobj.style.left=xpos-parseInt('20')+"px";}
		}else{
			subobj.style.left=750+"px";
		}
		subobj.style.top=ypos+"px";
		subobj.style.position='absolute';
		//alert('left '+subobj.style.left+' xpos '+xpos);
		return false;
	}
	return true;
}

function overlay3(curobj, subobjstr, opt_position){
	if (document.getElementById){
		var d = document.getElementsByTagName('div');
		for(c=0;c<d.length;c++){
			if(d[c].getAttribute('title') == "popup"){
				d[c].style.display="none";
			}
		}
		var subobj=document.getElementById(subobjstr);
		subobj.style.display=(subobj.style.display!="block")? "block" : "none";
		var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0); 
		var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0);
		/*subobj.style.left=xpos-parseInt('130')+"px";*/
		if(xpos > 400){
			subobj.style.left=xpos-parseInt('400')+"px";
		}else if(xpos <= 400 && xpos>300){
			if(xpos <= 399 && xpos>350){ subobj.style.left=71+"px";
			}else if(xpos <= 350 && xpos>300){ subobj.style.left=71+"px";
			}else{ subobj.style.left=70+"px";}
		}else if(xpos <= 300 && xpos> 200){
			subobj.style.left=xpos-parseInt('200')+"px";
		}else if(xpos <= 200 && xpos> 100){
			subobj.style.left=xpos-parseInt('130')+"px";
			//subobj.style.left=xpos+"px";
		}else{
			subobj.style.left=xpos+"px";
		}	
		subobj.style.top=ypos+"px";
		subobj.style.position='absolute';
		//alert('left '+subobj.style.left+' xpos '+xpos);
		return false;
	}
	return true;
}