怎么样实现这样的导航条？

    一个横向的二级导航条，子菜单也是横向的，默认与主菜单项左边缘对齐向右排列展开，
这样就出现一个问题，当子菜单很长时，如果主菜单向距屏幕右边很近，就可能放不下子菜单了。现在想通过javascript判断当有上面这种情况出现时，使子菜单改变排列方向，改成与主菜单
右边缘对齐向左排列展开，这样子菜单就可以放得下了。javascript不是太好，请问需要怎么实现呢？(有代码参考最好)先谢谢了！