/** SHOW **/

function showProductDetail(prodID,activeTab,showID)
{
    Effect.Appear('overlay', {to: 0.75, duration:0.2, afterFinish: getPage(prodID,activeTab,showID)});
}

function getPage(product,activeTab,showID)
{
	if (activeTab == 'prodTestimonials') product = product + '&showTestimonials=true';
	else if (activeTab == 'prodMusterfirmen') product = product + '&showMusterfirmen=true&showInit='+showID;
    var myAjax = new Ajax.Updater('overlayLayer', absCorrect+'de/cmsimport_produkt.html', {postBody: 'objects.produktid='+product, evalScripts: true, onComplete: showOverlayLayer, encoding: 'iso-8859-1'});
}

function showOverlayLayer()
{
    layerCenter('overlayLayer');
    Effect.Appear('overlayLayer', {to: 1.0, duration: 0.6});
}

/** HIDE **/

function hideOverlayLayer()
{
    Effect.Fade('overlayLayer', {afterFinish: hideOverlay, duration:0.2});
}

function hideOverlay()
{
    Effect.Fade('overlay', {duration:0.2});
}

Event.observe(window, 'load', LayerLoad);

function LayerLoad()
{
    Event.observe('overlay', 'click', hideOverlayLayer);
}

function layerCenter(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;
    }

    element.style.position = 'absolute';
    // element.style.display  = 'block';
    // element.style.zIndex   = 99;

    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;
    var setY = scrollY + 100;

    setX = ( setX < 0 ) ? 0 : setX;
    setY = ( setY < 0 ) ? 0 : setY;

    if (Element.visible(element))
    {
        new Effect.Move(element, { x: setX, y: setY, mode: 'absolute'});
    }
    else
    {
        element.style.left = setX + "px";
        element.style.top  = setY + "px";
    }
}