var ContainerPopupControl = null;
var ContainerPopupFrame = null;

//------------------------
// Popup Drag & Drop
//------------------------

function ContainerPopupStartMove(e,id) {
    ContainerPopupSetVariables(id);
    window.lastX=e.clientX;
    window.lastY=e.clientY;   
    document.onmousemove=ContainerPopupMove;
    document.onmouseup=ContainerPopupEndMove    
}
function ContainerPopupEndMove(e) {
    document.onmousemove=null;
    ContainerPopupUnsetVariables();
}
function ContainerPopupMove(e) {
    if (e==null&&event!=null) {
        var difX=event.clientX-window.lastX;
        var difY=event.clientY-window.lastY;
        ContainerPopupSetPositionX(difX);
        ContainerPopupSetPositionY(difY);
        window.lastX=event.clientX;
        window.lastY=event.clientY; 
    } else  {
        var difX=e.clientX-window.lastX;
        var difY=e.clientY-window.lastY;
        ContainerPopupSetPositionX(difX);
        ContainerPopupSetPositionY(difY);
        window.lastX=e.pageX;
        window.lastY=e.pageY; 
    } 
}

//------------------------
// Popup init
//------------------------
function ContainerPopupInit(id)
{
   ContainerPopupSetVariables(id);

	if (ContainerPopupControl.style.top == '' || ContainerPopupControl.style.top == 'undefined') 	
		ContainerPopupControl.style.top = "0px";
		
	if (ContainerPopupControl.style.left == ''  || ContainerPopupControl.style.left == 'undefined') 
		ContainerPopupControl.style.left = "0px";

	if (ContainerPopupFrame != null)
	{
		ContainerPopupFrame.style.top = ContainerPopupControl.offsetTop;
		ContainerPopupFrame.style.left = ContainerPopupControl.offsetLeft;
		ContainerPopupFrame.style.width = ContainerPopupControl.offsetWidth;
		ContainerPopupFrame.style.height = ContainerPopupControl.offsetHeight;
	}
		
   ContainerPopupUnsetVariables(id);
   
}

//------------------------
// Popup show / hide
//------------------------
function ContainerPopupHide(id)
{
    ContainerPopupSetVariables(id);
    ContainerPopupControl.style.display = 'none';
    if (ContainerPopupFrame != null) ContainerPopupFrame.style.display = 'none';  
    ContainerPopupUnsetVariables(id); 
}

function ContainerPopupShow(id)
{
    ContainerPopupSetVariables(id);
    ContainerPopupControl.style.display = 'block';
    if (ContainerPopupFrame != null) ContainerPopupFrame.style.display = 'block';
    ContainerPopupUnsetVariables(id);
}

//------------------------
// Tools
//------------------------
function ContainerPopupSetVariables(id)
{
    ContainerPopupControl =  document.getElementById(id+ 'Control'); 
    ContainerPopupFrame = document.getElementById(id+ 'Frame');
}
function ContainerPopupUnsetVariables()
{
    ContainerPopupControl =null;
    ContainerPopupFrame=null;
}
function ContainerPopupSetPositionX(difX)
{
    var newX = parseInt(ContainerPopupControl.style.left)+difX;
    ContainerPopupControl.style.left=newX+"px";
    if (ContainerPopupFrame != null)  ContainerPopupFrame.style.left=newX+"px";
}
function ContainerPopupSetPositionY(difY)
{
    var newY = parseInt(ContainerPopupControl.style.top)+difY;
    ContainerPopupControl.style.top=newY+"px";
    if (ContainerPopupFrame != null)  ContainerPopupFrame.style.top=newY+"px";               
}