//when documet is loaded execute the following code. 
$(document).ready(function(){					
	$(".suckerfish-menu ul").css({display: "none"}); // Opera Fix
	$(".suckerfish-menu li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible", display: "none"}).slideDown(200);
	},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
	});	
	var over = function(){
      var parent = $(this).parents("#nav03-container");
      var position = $(this).position();
      var containerWidth = $(this).find('.columns-container').outerWidth();
      var parentWidth = parent.outerWidth();
      var parentPosition = parent.position();
      var positionDiff = parseInt(position.left - parentPosition.left);
      parentWidth -= positionDiff;
      if(containerWidth > parentWidth){
        position.left -= (containerWidth - parentWidth);
      }
		  $(this).find('.columns-container').css(position);
		  $(this).find('.columns-container').css({visibility: "visible", display: "none"}).show();
	}
	var off = function(){
		$(this).find('.columns-container').css({visibility: "visible", display: "none"}).hide();
	}
	
	$(".column-menu .column-main-menu").hover(over, off);
	//jQuery('#nav03 li.column-main-menu div.columns-container ul.column-container li.header ul li').prepend('- ');
});

    var lastMenu = 'datemenu'; // set a default
    var timer = 0;
    
    function ShowMenu(menu) {
        // before showing this menu, immediately hide the last one (if different than myself)
        if(menu != lastMenu && document.all[lastMenu]) {
            document.all[lastMenu].style.visibility='hidden';
        }
        document.all[menu].style.visibility='visible';
        lastMenu = menu;
    }
        
    function HideMenuTimeout(menu) {
        str = "HideMenu("+menu+")";
        timer = setTimeout(str, 2000);
    }
    
    function HideMenu(menu) {
       document.all[menu].style.visibility='hidden';
    }