// Copyright 2007 YouMob LLC

var g_isProfilePaneVisible = false;

function initBodyWithIFrame()
{
    resize_iframe();
    window.onresize = resize_iframe;
}

function CloseMobPane()
{
    g_isProfilePaneVisible = false;
    
    var content = document.getElementById("content");
    if (content != null)
    {
        content.className = "";
    }
            
    resize_iframe();
}

function OnProfileClick(userName)
{
    var profile_pane = document.getElementById("mob_pane");
    if (profile_pane == null)
        return;
        
    var content = document.getElementById("content");
    if (content != null)
    {
        content.className = "wpp";
    }
        
    profile_pane.src = 'profilepane.aspx?user='+userName;
    
    g_isProfilePaneVisible = true;
    resize_iframe();
}

function resize_iframe()
{    
    var mobbers_frame = document.getElementById("ulst");
    var profile_pane = document.getElementById("mob_pane");
    var masthead = document.getElementById("mh_masthead");
    var masthead_alt = document.getElementById("mh_list_masthead");
    var menu = document.getElementById("mb_menu_main");
    var submenu = document.getElementById("mb_menu_myyoumob_sub");
    
    if (mobbers_frame == null || profile_pane == null)
        return;
        
    BrowserDetect.init();
    var usingSafari = (BrowserDetect.browser == "Safari");
    
    var masthead_offsetHeight = 0;
    if (masthead != null)
    {
        masthead_offsetHeight = masthead.offsetHeight;
    }
    else if (masthead_alt != null)
    {
        masthead_offsetHeight = masthead_alt.offsetHeight;
    }

    var subMenuPart = 0;
    if (submenu != null)
    {
        subMenuPart = submenu.offsetHeight;
    }
    
    var topPart = masthead_offsetHeight + menu.offsetHeight + subMenuPart;
    
    if (usingSafari)
    {
        mobbers_frame.style.height = "100%";
    }
    else
    {
        mobbers_frame.style.height = (document.documentElement.clientHeight - topPart) + "px";
    }

    if (g_isProfilePaneVisible)
    {
        //mobbers_frame.style.width = (document.documentElement.clientWidth - 255) + "px";

        if (usingSafari)
        {
            profile_pane.style.height = "100%";
        }
        else
        {
            profile_pane.style.height = (document.documentElement.clientHeight - topPart) + "px";
        }
        
        profile_pane.style.display = "block";
    }
    else
    {
        //mobbers_frame.style.width = "100%";
        profile_pane.style.display = "none";
    }
}