// JavaScript Document

var myOverlay = document.getElementById("pagepartOverlay");
var myOverlayPreContainer = document.getElementById("preContainer");
var myOverlaySpacer = document.getElementById("overlaySpacer");
var mainCon = document.getElementById("hide_content");

function showOverlay()
{
	rollIn();
}

function showOverlay2(elID1,elID2)
{
    try
    {
        var el1 = document.getElementById(elID1);
        var el2 = document.getElementById(elID2);

        el1.style.display = "block";
        el2.style.display = "none";

        rollIn();
    }
    catch (e)
    {
        var ex = e;
    }
}

function hideOverlay()
{
    try
    {
        myOverlay.style.display = "none";
        myOverlayPreContainer.style.display = "none";
        mainCon.style.position = "relative";
    }
    catch (e)
    {
        var ex = e;
    }
}

function einrollen()
{
	try
	{
		if (i >= 25)
		{
			myOverlaySpacer.style.height = i + "%";
			i = i - 3;
		}

		if (i <= 50 && i >= 25)
		{
			myOverlaySpacer.style.height = i + "%";
			i = i - 2;
		}

		if (i <= 25 && i >= 15)
		{
			myOverlaySpacer.style.height = i + "%";
			i = i - 1;
		}


		if (i <= 15)
		{
		    myOverlaySpacer.style.height = i + "%";
            if(i-0.5 >= 0)
			    i = i - 0.5;
		}

		if (i <= -1)
			window.clearInterval(myAktivIn1);
	}
	catch (e)
	{
		var ex = e;
	}
}



function rollIn()
{
    try
    {
        document.body.appendChild(myOverlay);
        myOverlay.style.height = "100%";
        myOverlay.style.width = "100%";
        mainCon.style.position = "fixed";
        document.body.appendChild(myOverlayPreContainer);

        myOverlayPreContainer.style.height = "100%";
        i = 100;
        myOverlaySpacer.style.height = i + "%"; // reset the position of the overlay before reveal it
        
        myOverlay.style.display = "block"; // show the overlay and content
        myOverlayPreContainer.style.display = "block";
        //myOverlayPreContainer.show(500);
        $("#overlaySpacer").show();
        //$("#overlaySpacer").effect("scale", { percent:0 }, 500, function () { });
        $("#overlaySpacer").animate({ height: "hide" }, 500, "easeOutQuad");
        //myAktivIn1 = window.setInterval("einrollen()", 10);
    }
    catch (e)
    {
        var ex = e;
    }
}