FuzzFindNowUI = {

    render: function(e) {
        if (e && $j(e)) {
            $j(e).append(FuzzFindNowUI.html);
        }
        else {
            document.write(FuzzFindNowUI.html);
        }
    },

    html: '\
        <div id="ff-bar">\
            <div id="header">\
                <img src="http://www.fuzzfind.com/now/logo.gif" width="24" height="24" align="center">\
                <span id="title">FuzzFind Now!</span>\
                <span id="summary">the latest real-time news, trends and happenings on the web</span>\
            </div>\
            <div id="ticker"></div>\
            <div id="words">\
                <div id="inner">\
                    <div id="saved-keywords" class="words-column"><h3>Saved Topics</h3><ul></ul></div>\
                    <div id="twitter-trends" class="words-column-merged"><h3><img src="http://www.fuzzfind.com/now/twitter.png" width="16" height="16"><span class="larger">Twitter</span> Trending Topics Now</h3><ul></ul></div>\
                    <div class="separator"></div>\
                    <div id="google-trends" class="words-column"><h3><img src="http://www.fuzzfind.com/now/google.png" width="16" height="16"><span class="larger">Google</span> Hot Trends</h3><ul></ul></div>\
                    <div id="twitter-trends-today" class="words-column"><h3><img src="http://www.fuzzfind.com/now/twitter.png" width="16" height="16"><span class="larger">Twitter</span> Trending Topics Today</h3><ul></ul></div>\
                </div>\
                <div id="more">\
                    <div id="custom-search"><h3>Find Custom Topics</h3>\
                        <input type="text" id="query" name="query">\
                        <button id="submit" class="ui-widget-header ui-corner-all">Find</button>\
                    </div>\
                    <div id="controls">\
                        <div>[<a id="refresh" href="#">refresh now</a>]</div>\
                        <span>auto refresh (mins):</span>\
                        <span id="slider-value">0</span>\
                        <div id="slider"></div>\
                        <div id="slider-labels">\
                            <div id="slider-left">0</div>\
                            <div id="slider-right">5 mins</div>\
                        </div>\
                    </div>\
                </div>\
            </div>\
            <div id="bar-buttons">\
                <button id="bar-button" class="ui-widget-header ui-corner-all"></button>\
            </div>\
        </div>\
        <div id="ff-results">\
            <div id="ads-leaderboard" class="ads-narrow"></div>\
            <div id="tabs">\
                 <ul id="tab-header">\
                     <li><a href="#google-news"><span>Google News</span></a></li>\
                     <li><a href="#tweets"><span>Twitter</span></a></li>\
                     <li><a href="#diggs"><span>Digg</span></a></li>\
                 </ul>\
                <div class="separator"></div>\
                <div id="google-news" class="result-column">\
                    <ul></ul>\
                </div>\
                <div id="tweets" class="result-column">\
                    <ul></ul>\
                </div>\
                <div id="diggs" class="result-column">\
                    <ul></ul>\
                </div>\
            </div>\
            <div id="ads-leaderboard-bottom" class="ads"></div>\
            <div id="controls">\
                <div>[<a id="refresh" href="#">refresh now</a>]</div>\
                <span>auto refresh (mins):</span>\
                <span id="slider-value">0</span>\
                <div id="slider"></div>\
                <div id="slider-labels">\
                    <div id="slider-left">0</div>\
                    <div id="slider-right">5 mins</div>\
                </div>\
            </div>\
            <div id="buttons">\
                <button id="close-button" class="ui-widget-header ui-corner-all">Close</button>\
                <button id="search-button" class="ui-widget-header ui-corner-all">Search on FuzzFind</button>\
            </div>\
        </div>\
    '

}