//to toggle child ULs on and off
$(document).ready(function() {
    $("#nav li").hover(
		function() {
			$("ul", this).animate({
				width: "200px",
				opacity: 1
				}, 200);
		},
		function() {
			$("ul", this).animate({
				width: "0px",
				opacity: 0.1
				}, 120);
		}
    );
    if (document.all) {
        $("#nav li").hoverClass ("sfhover");
    }
});

//to be able to hover on LI in IE
$.fn.hoverClass = function(c) {
    return this.each(function() {
        $(this).hover(
            function() { $(this).addClass(c);  },
            function() { $(this).removeClass(c); }
        );
    });
};