var subnavtimer;

$(function(){
    $('#nav-products').mouseover(function(){ clearTimeout(subnavtimer); showSubNav(); });
    $('#nav-products').mouseout(function(){ subnavtimer = setTimeout("closeSubNav()", 150); });
    $('#nav-sub-menu').hover(
        function() { clearTimeout(subnavtimer); },
        function() { subnavtimer = setTimeout("closeSubNav()", 200); }
    );
});


function showSubNav(target){
    var pos = $('#content-area').offset();
    $('#nav-sub-menu').css({'top':pos.top, 'left':pos.left, 'z-index':200}).slideDown(200);
    $('#nav-sub-menu .section').height( $('#nav-sub-menu .section').last().height() );
}

function closeSubNav(){
    $('#nav-sub-menu').slideUp(200);
    clearTimeout(subnavtimer);
}

function getBlogHeadlines(){
    var feedUrl = '/blog/?feed=rss2';
    $.get(feedUrl, function(xml){ 
            $('#blog-posts').empty();
            $("item", xml).each(function(i,v){ 
                if(i > 1)
                    return;
                var title = $(this).find('title').text();
                var link = '';
                var desc = $(this).find('description').text();
                if(desc != null && desc.length > 100)
                    desc = desc.substring(0, 100);
                $(this).find('link').each(function(i,l){
                    if($(l).text() != '')
                        link = $(l).text();
                });
                $('#blog-posts').append(
                    '<p class="blog-headline"><a href="' + link + '">' + title + '</a></p>' + 
                    '<p class="blog-lead-in">' + desc + '... <a href="' + link + '">More>></a></p>'
                );
            }); 
    });
}