var isIE6 = false;

if( navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf( "MSIE 6" ) > -1 )
     isIE6 = true;

function popupFrame(url)
{
    $("popup-frame-wrapper").style.display = "block";
    $("popup-frame-wrapper").style.height = document.viewport.getHeight();
    
    if( isIE6 ){
        $("popup-frame-wrapper").style.background = "transparent";
        $("popup-frame-wrapper").style.position   = "absolute";
    }
    
    var iframe = document.createElement("iframe");
    iframe.id="popup-frame-iframe";
    iframe.src = url;
    document.getElementById("popup-frame-content").appendChild( iframe );
    
    $("popup-frame-wrapper").style.height = document.body.offsetHeight;
    
    
    repositionPopupFrame();        
    
}


function closePopupFrame()
{
    document.getElementById("popup-frame-wrapper").style.display = "none";
    var iframe = document.getElementById("popup-frame-iframe");
    iframe.parentNode.removeChild( iframe );
    
}

function repositionPopupFrame()
{
    
    var height = document.viewport.getHeight();
    var width  = document.viewport.getWidth();    
    var scrollTop = document.viewport.getScrollOffsets()[1];                           
      
    //var top = ( height / 2 ) - (300 / 2 );
    //var top = scrollTop + ( height / 2 ) + "px";
    
    var top = isIE6 ? scrollTop + 200 : 200;
    
    $("popup-frame").style.top = top + "px";
    $("popup-frame").style.left = (width / 2) - (520 / 2) + "px";

    //$("popup-frame").style.top = ((( height / 2 ) + scrollTop ) - ( 330 / 2 )) + "px";
    
    
         
    
}

document.onscroll = function(){
    repositionPopupFrame();
}