// Alert Panel
var panelElement = 'apconoutter';
var windowCloseBtn = 'apclosebtn';
var windowOpenBtn = 'apopenbtn';

Effect.Center = function(element)
{   try
    {
        element = $(element);
    }
    catch(e)
    {
        return;
    }

    var my_width  = 0;
    var my_height = 0;

    if ( typeof( window.innerWidth ) == 'number' )
    {

        my_width  = window.innerWidth;
        my_height = window.innerHeight;
    }
    else if ( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) )
    {

        my_width  = document.documentElement.clientWidth;
        my_height = document.documentElement.clientHeight;
    }
    else if ( document.body && ( document.body.clientWidth || document.body.clientHeight ) )
    {

        my_width  = document.body.clientWidth;
        my_height = document.body.clientHeight;
    }
	var scrollY = 0;
    if ( document.documentElement && document.documentElement.scrollTop )
    {
        scrollY = document.documentElement.scrollTop;
    }
    else if ( document.body && document.body.scrollTop )
    {
        scrollY = document.body.scrollTop;
    }
    else if ( window.pageYOffset )
    {
        scrollY = window.pageYOffset;
    }
    else if ( window.scrollY )
    {
        scrollY = window.scrollY;
    }
    var elementDimensions = Element.getDimensions(element);
    var setX = ( my_width  - elementDimensions.width  ) / 2;
    var setY = ( my_height - elementDimensions.height ) / 2 + scrollY;
    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;
    element.style.left = setX + "px";
    element.style.top  = setY + "px";
}

Effect.AlertWindowIn = function(element)
{
	try
    {
        element = $(element);
    }
    catch(e)
    {
        return;
    }
	
	$(element).style.position = 'absolute';
	new Effect.Center(element);
	new Effect.Appear(element, {queue:'end'});	
}

Effect.AlertWindowOut = function(element)
{
	try
    {
        element = $(element);
    }
    catch(e)
    {
        return;
    }
	new Effect.Fade(element, {queue:'end'});
}

Effect.AlertInlineDelayedIn = function(element)
{
	try
    {
        element = $(element);
    }
    catch(e)
    {
        return;
    }
	$(element).style.position = 'relative';
	new Effect.BlindDown(element, {queue:'end', delay: 1.5});	
}


Effect.AlertInlineIn = function(element)
{
	try
    {
        element = $(element);
    }
    catch(e)
    {
        return;
    }
	$(element).style.position = 'relative';
	new Effect.BlindDown(element, {queue:'end'});	
}

Effect.AlertInlineOut = function(element)
{
	try
    {
        element = $(element);
    }
    catch(e)
    {
        return;
    }
	new Effect.BlindUp(element, {queue:'end'});
}

function apWindowInit()
{
	Event.observe(window, 'resize', apResizeWindow);
	Event.observe(window, 'scroll', apResizeWindow);
	//Event.observe(windowOpenBtn, 'click',  apOpenWindow);
	Event.observe(windowCloseBtn, 'click',  apCloseWindow);
	Effect.AlertWindowIn(panelElement);	
}

function apInlineInit()
{
	//Event.observe(windowOpenBtn, 'click',  apOpenInline);
	Event.observe(windowCloseBtn, 'click',  apCloseInline);
	//Effect.AlertInlineIn(panelElement);
	Effect.AlertInlineDelayedIn(panelElement);
}

function apOpenInline(e)
{
	Effect.AlertInlineIn(panelElement);
	Event.stop(e);
}

function apCloseInline(e)
{
	Effect.AlertInlineOut(panelElement);
	Event.stop(e);
}

function apOpenWindow(e)
{
	Effect.AlertWindowIn(panelElement);
	Event.stop(e);
}

function apCloseWindow(e)
{
	Effect.AlertWindowOut(panelElement);
	Event.stop(e);
}

function apResizeWindow(e)
{
	Effect.Center(panelElement);
}