var boxWidth = 500;
var boxHeigth= 220;
var boxTop = 192;
var margin = 7;

function OpenLayer(url)
{

	if (document.documentElement && document.documentElement.scrollTop)
		y = document.documentElement.scrollTop;
	else if (document.body)
		y = document.body.scrollTop;


	if (!document.getElementById('myObj'))
	{
		
		var obj =	document.createElement("div");
		obj.style.width= boxWidth;
		obj.style.height= 1;
		obj.style.overflow='hidden';
		obj.style.position = 'absolute';
		obj.style.background = 'white';
		obj.style.top = boxTop + y;
		obj.style.left = (screen.width/2) - (boxWidth/2);
		obj.style.zIndex= 1000;
		
		obj.style.textAlign = 'center';
		//obj.style.paddingTop = boxHeigth/2 - 20;

		var box = document.getElementById('box');			
		obj.id = 'myObj';
		box.appendChild(obj);	
		
		var objback =	document.createElement("div");
		objback.style.height =  margin*2;
		objback.style.top = boxTop - margin+ y;

		objback.style.left = parseInt( obj.style.left) - margin;
		objback.style.width = parseInt( obj.style.width) +margin * 2;
		objback.style.position = 'absolute';
		objback.style.backgroundColor = 'black';
		objback.style.opacity = 0.50;
		objback.style.filter = 'alpha(opacity=50)';
		objback.style.zIndex = 999;
		objback.id = "objback";
		box.appendChild(objback);	
		
		
	}
	else
	{
		var obj = document.getElementById('myObj');
	}

	if (isCollapsed)
		OpenAnimate(obj.id);
	obj.innerHTML = '<img style="margin-top:40px" src="/poem/images/loading.gif" align="middle" valign="middle" onload="preloadimages()"/>';	
	openUrl(url, obj);
	
}
function DestroyElements()
{
		var box = document.getElementById('box');			
		box.removeChild(document.getElementById('myObj'));
		box.removeChild(document.getElementById('objback'));
}
function closeForm()
{

	if (!isCollapsed)
	{
		opacity("myObj", 100, 0, 1500);
		opacity("objback", 90, 0, 1500);
		OpenAnimate(obj.id);

		setTimeout("DestroyElements()",2000);
		
	}
//		OpenAnimate(obj.id);
}
var xmlHttp;
function CreateXMLHttpRequest()
{
  if (window.ActiveXObject)
  {
    return new ActiveXObject("Microsoft.XMLHTTP");
  }
  else if (window.XMLHttpRequest)
  {
    return new XMLHttpRequest();
  }
}
function openUrl(url,obj)
{
	 xmlHttp =CreateXMLHttpRequest();
    xmlHttp.onreadystatechange = openUrlCallback;
    xmlHttp.open("get",url,true);
    xmlHttp.send(null);

}

function openUrlCallback()
{
  if (xmlHttp.readyState == 4)
  {
    if (xmlHttp.status == 200)
    {
	     var response = xmlHttp.responseText;
        var obj = document.getElementById('myObj');
		obj.innerHTML = response;
		obj.style.paddingTop = 0;
    }
  }
}

var isCollapsed = true;
var openWindowSpeed = 5;
function OpenAnimate(id)
{
	obj = document.getElementById(id);
	objBack = document.getElementById('objback');
	var height = parseInt(obj.style.height);
	var backHeight = parseInt(objBack.style.height);
	if (isCollapsed)
	{
		dir = 1;
	}
	else
	{
		dir = -1;
		
	}

	if ( (height > openWindowSpeed && !isCollapsed) || (height < boxHeigth && isCollapsed)  )
	{
		obj.style.height = height + dir * openWindowSpeed;
		objBack.style.height = backHeight + dir * openWindowSpeed;
		 setTimeout("OpenAnimate('"+obj.id+"')",10);
		
	}
	else
	{
		 isCollapsed = !isCollapsed;		
	}     
}

///////////////////////

var loginCollapsed = true;
function openLoginDiv()
{
	if (loginCollapsed)
	{
		
		opacity("loginDiv", 100, 0, 1);
		setTimeout("resize('loginDiv', 30)",1) ; 
		opacity("loginDiv", 0, 100, 1500);
		loginCollapsed = false;
	}
	else
	{
		opacity("loginDiv", 100, 0, 1500);
		setTimeout("resize('loginDiv',  1)",1) ; 
		loginCollapsed = true;
	}
}

function resize(id,  end)
{
	var obj = document.getElementById(id);
	start =  parseInt(obj.style.height);
	if (start > end)
	{
		dir = -1;
	}
	else
	{
		dir = 1;
		
	}
	
	obj.style.height = parseInt(obj.style.height)+ dir*1;
	if (end > parseInt(obj.style.height)*dir)
	{
//		resize(obj.id,end);
		setTimeout("resize('"+obj.id+"',"+end+")",1);
	}
}
function showHide(id)
{
	obj = 	document.getElementById(id);
	if (obj.height == 1)
	{
		obj.height = 0;
		opacity(id, 100, 0, 800);
	}
	else
	{
		obj.height = 1;
		opacity(id, 0, 100, 800);
	}
		
}
function doNothing()
{
}