﻿var links;
var table;
var showingBody = null;
Sys.Application.add_init(function()
{
    var table = $q('.blogs table', null, true);
    links = $q('a.blogTitle', table);
    for (var i = 0; i < links.length; i++)
        $addHandler(links[i], 'click', ShowBody);
});

function ShowBody(e)
{
    if (e)
        e.preventDefault();
    var id = $q(".idfield", this.parentNode.parentNode.parentNode, true).innerHTML;

    var tr = $get("blog" + id);
    var div;
    if (tr != null) {
        div = $q ('.blogBodyDiv', tr, true); 
    }
    
    if (tr != null && tr == showingBody)
    {
        var anim = new YAHOO.util.Anim(div, {height: {to: 0}}, 0.5, YAHOO.util.Easing.easeBoth);
        anim.onComplete.subscribe(function() { 
            div.style.height = '';
            showingBody.style.display = 'none';
            showingBody = null;
        });
        anim.animate();
        return;
    }
    if (showingBody != null)
        showingBody.style.display = 'none';
    if (tr == null)
    {
        tr = document.createElement("tr");
        tr.className = 'blogBodyRow';
        tr.id = "blog" + id;
        var td = document.createElement("td");
        td.setAttribute('ColSpan', '4');
        tr.appendChild(td);
        div = document.createElement("div");
        div.className = 'blogBodyDiv';
        td.appendChild(div);
        div.innerHTML = $q(".blogBody", this.parentNode.parentNode.parentNode, true).innerHTML;
        this.parentNode.parentNode.parentNode.parentNode.insertBefore(tr, this.parentNode.parentNode.parentNode.nextSibling);
    }
    else
    {
        tr.style.display = '';
    }
    showingBody = tr;
    var h = Sys.UI.DomElement.getBounds(div).height - 20;
    var t = Sys.UI.DomElement.getBounds(this).y - 50;
    div.style.height = 0;
    window.scrollTo(0, t);
    var anim = new YAHOO.util.Anim(div, {height: {to: h}}, 0.5, YAHOO.util.Easing.easeBoth);
    anim.onComplete.subscribe(function() { 
        div.style.height = '';
    }); 

    anim.animate();

};

function pageUnload()
{
    for (var i = 0; i < links.length; i++)
        $clearHandlers(links[i]);
};


