otis = {
	
	initialize : function() {
		$('.tab .middle').bind('mouseenter', function() {
			var tab = $($(this)[0].parentNode);
			tab.stop();
			$('.left', tab).addClass('left-on');
			$('.right', tab).addClass('right-on');
			$('.middle', tab).addClass('middle-on');
            if(tab.attr('submenu') !== undefined) {
                $('#' + tab.attr('submenu')).css('left', ($(this).offset().left - 25)+'px')
                .css('top', ($(this).offset().top)+'px').slideDown('slow');
            }
		});
		
		$('.tab').bind('mouseleave', function() {
			//var tab = $($(this)[0].parentNode);
			var tab = $(this);
			var submenu = tab.attr('submenu');
			if(submenu === undefined || $('#'+submenu).css('display') === 'none' ) {
				$('.left', tab).removeClass('left-on');
				$('.middle', tab).removeClass('middle-on');
				$('.right', tab).removeClass('right-on');
			}
		});
		$('.tab').click(function() {
			if($(this).attr('link') !== undefined) {
				document.location = $(this).attr('link');
			}
		});
		
		$('.menu').bind('mouseleave', function() {
			var menu = $(this);
			var tab = $('.tab[submenu='+menu.attr('id')+']');
			
			$('.left', tab).removeClass('left-on');
			$('.middle', tab).removeClass('middle-on');
			$('.right', tab).removeClass('right-on');
			menu.slideUp('slow', function() {
				
			});
		});
	}
	
}
$(function() {
	otis.initialize();
});