//
// previewlayout.js
//
// Client-side script for the preview layout div
//

function MaxHeightIFrame()
{
	var frame = document.getElementById("PreviewFrame");
	var parent = frame.parentNode;
	
	var height = parent.offsetHeight - frame.offsetTop - 8;
	frame.style.height = height + "px";
}

function OnPreviewLayout(layoutid, layoutName)
{
    g_previewLayoutId = layoutid;
    
    var frame = document.getElementById("PreviewFrame");
    frame.src = "sample/sampleprofile.aspx?layoutid=" + layoutid;

    $find("LayoutPreviewPopupExtender").show();
    
    var nameSpace = document.getElementById("LayoutPreviewName");
    nameSpace.innerHTML = "Previewing - " + HtmlEncode(layoutName);
    MaxHeightIFrame();
}

function OnPreviewStyles(styles)
{
    window.top.g_styles = styles;
    
    var frame = document.getElementById("PreviewFrame");
    frame.src = "sample/sampleprofile.aspx";

    $find("LayoutPreviewPopupExtender").show();
    MaxHeightIFrame();
}
    
function OnGetPreview()
{
    OnGetLayout(g_previewLayoutId);
}

function OnSavePreview(event)
{
    OnSave(g_previewLayoutId, event);
}