var box = {};
window.addEvent('domready', function()
{
    window.addEvent('resize', adjustView );
    adjustView();
    var xpos = -4;
    xpos -= adjustView();
    
    /* replace the container */
    var frameSize = 601; 
    var topPosition = ( window.getSize().y - frameSize ) / 2;
    var newTop =  ( (frameSize + 32) > window.getSize().y ) ? ( ( topPosition > 0 ) ? topPosition : 0 ) : 32;

    box = new multiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true, offset:{x:xpos,y:0},fixedTop:newTop});
    var frameUrl = $get("frameUrl")
    if( frameUrl && frameUrl.length && frameUrl.search(document.domain) != -1)
    {
        $('mb8').setProperty('href',(frameUrl)); 
        box.open($('mb8'));
    }
});

function adjustView()
{
    var overlayXposAdjustment = 0;
    var containerObj = $( "container" );
    var containerTopObj = $( "containertop" );
    var screenWidth = window.document.body.clientWidth;

    if( containerObj && ( screenWidth < 1200 ) )
    {
        var scrollLength = (1200 - screenWidth)/2;
        containerObj.scrollLeft = scrollLength;

        if( window.Browser.Engine.trident4 || ( navigator.userAgent.indexOf("MSIE 7.0") > 0 ) )
        containerTopObj.style.width = "1200px";
    } 
    else
    {
        if( window.Browser.Engine.trident4 || ( navigator.userAgent.indexOf("MSIE 7.0") > 0 ) )
        containerTopObj.style.width = "100%";

        if( containerObj && ( containerObj.scrollHeight > window.document.body.clientHeight ) )
        overlayXposAdjustment = Math.round( ( window.document.body.clientWidth - containerObj.clientWidth )/2 );
    }

    if( containerObj && ( screenWidth < 990 ) )
    containerObj.style.overflowX = "scroll";
    else
    containerObj.style.overflowX = "hidden";


    return( overlayXposAdjustment )
}