Friendfeed custom display

A while back i changed my homepage to be a custom view of my friendfeed activity so you could see what i was doing all day long. The only thing i don't like is that it puts my most recent items up which is great, but it means i have lots of twitter posts as i'm very active in there. You don't see my most recent images, videos and so on. I should have posted this ages ago, but i didn't, so apologies.

Here you go if you find it useful...

1. Put in the head element ...

    <script>

    function ParseFriend(feedid)
    {
        var prefeed = document.getElementById("prefriendfeed"+feedid);
        prefeed.style.display = 'none';
        
        var feeditem = document.getElementById("feed"+feedid);
        var divs = feeditem.getElementsByTagName("div");
        for(var i=0;i<divs.length;i++)
        {
            if (divs[i].className == "header") divs[i].style.display='none';
            
            if (divs[i].className == "friendfeed")
            {  
                var subdivs = divs[i].getElementsByTagName("div");
                for(var j=0;j<subdivs.length;j++)
                {       
                    if (subdivs[j].className == "feed")
                    {
                        subdivs[j].style.border='10px';
                        subdivs[j].parentNode.parentNode.style.display = '';
                    }
                }
            }
        }        
    }

    </script>

2. Place on your page and customize ...

            <div id="friendfeed" style="float:left;width:600px;">
                <div>
                      <a href="http://friendfeed.com/weblivz"><img src="images/friendfeed.gif" style="vertical-align:top;" border="0" /></a>
                      <a href="#feed101">location</a> 
                    | <a href="#feed1">blog</a> 
                    | <a href="#feed2">twitter</a> 
                    | <a href="#feed6">favourites</a> 
                    | <a href="#feed5">videos</a> 
                    | <a href="#feed3">photos</a> 
                    | <a href="#feed4">music</a>
                    | <a href="#feed7">books</a>
                </div>
                <br />
                <div name="feed101" id="feed101" style="float:left;margin-left:20px;"><img src="images/plazes.jpg" border="0" alt="" /> </div><div style="margin-left:40px;"><object type="application/x-shockwave-flash" data="http://plazes.com/flashes/badge.swf" width="316" height="146"><param name="movie" value="http://plazes.com/flashes/badge.swf" /><param name="allowScriptAccess" value="sameDomain" /><param name="swLiveConnect" value="true" /><param name="wmode" value="transparent" /><param name="FlashVars" value="key=fcffc504b834fcd539f4310515a31d5e&amp;dark=7cd9f7&amp;light=ff9900&amp;text=000000&amp;link=ffffff" /><p><strong><a class="external" href="http://www.adobe.com/">Download Flash plugin</a></strong></p></object></div>
                <div id="prefriendfeed2" style="float:left;width:600px;"><img src="images/loading.gif" style="vertical-align:middle;" /> loading livzstream tweets ...</div>
                <div name="feed2" id="feed2" style="display:none;"><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=twitter"></script></div>
                <script>ParseFriend(2);</script>
                <div id="prefriendfeed1" style="float:left;width:600px;"><img src="images/loading.gif" style="vertical-align:middle;" /> loading livzstream blogs ...</div>
                <div name="feed1" id="feed1" style="display:none;"><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=blog"></script></div>
                <script>ParseFriend(1);</script>
                <div id="prefriendfeed6" style="float:left;width:600px;"><img src="images/loading.gif" style="vertical-align:middle;" /> loading livzstream favourites ...</div>
                <div name="feed6" id="feed6" style="display:none;"><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=delicious"></script></div>                
                <script>ParseFriend(6);</script>
                <div id="prefriendfeed3" style="float:left;width:600px;"><img src="images/loading.gif" style="vertical-align:middle;" /> loading livzstream photos ...</div>
                <div name="feed3" id="feed3" style="display:none;"><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=flickr"></script></div>
                <script>ParseFriend(3);</script>
                <div id="prefriendfeed5" style="float:left;width:600px;"><img src="images/loading.gif" style="vertical-align:middle;" /> loading livzstream videos ...</div>
                <div name="feed5" id="feed5" style="display:none;"><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=youtube"></script><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=seesmic"></script></div>
                <script>ParseFriend(5);</script>
                <div id="prefriendfeed4" style="float:left;width:600px;"><img src="images/loading.gif" style="vertical-align:middle;" /> loading livzstream music ...</div>
                <div name="feed4" id="feed4" style="display:none;"><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=lastfm"></script></div>
                <script>ParseFriend(4);</script>
                <div id="prefriendfeed7" style="float:left;width:600px;"><img src="images/loading.gif" style="vertical-align:middle;" /> loading livzstream books ...</div>
                <div name="feed7" id="feed7" style="display:none;"><script type="text/javascript" src="http://friendfeed.com/embed/widget/weblivz?num=2&service=amazon"></script></div>                
                <script>ParseFriend(7);</script>

3. Put at the end of your web page the following ...

<script>ParseFriend(1);ParseFriend(2);ParseFriend(3);ParseFriend(4);ParseFriend(5);ParseFriend(6);ParseFriend(7);</script>