var timeout    = 1500;
var closetimer = 0;
var menuitem = 0;
var newitem = 0;


function MainNav() {

    this.close = function() {
        if(menuitem) menuitem.animate({opacity: 'hide'}, 600);
    }

}

var main_nav = MainNav();

function nav_open()
{
    nav_canceltimer();
    newitem = $(this).find('ul');
    var amount = $(this).find('ul').size();
    if(newitem.css('display') == 'none')
    {
        if(menuitem) {menuitem.stop(true, true).hide();}//.animate({width: 'hide'}, 0);}
        menuitem = $(this).find('ul').hide();//.animate({width: 'hide'}, 0);
        //menuitem.animate({width: 'hide'}, 0);
        //menuitem.show();
        //menuitem.animate({width: 'show'}, 500);
        menuitem.slideDown(200);
    }
    else if(amount == 0) nav_close();
    
}

function nav_close()
{  
    if(menuitem) menuitem.animate({opacity: 'hide'}, 600);
}

function nav_timer()
{  
    closetimer = window.setTimeout(nav_close, timeout);
}

function nav_canceltimer()
{if(closetimer)
   {window.clearTimeout(closetimer);
      closetimer = null;
   }
}

$(document).ready(function()
{  
    $('#nav ul li ul').hide();//.animate({width: 'hide'}, 0);
    $('#nav > ul > li').bind('mouseover', nav_open);
    $('#nav > ul > li').bind('mouseout',  nav_timer);

    var content_height = $('#content').height();
    $('#news').css('height', content_height);
});

document.onclick = nav_close;