$(function(){
	var menu = new SuperMenu()
	var img = document.createElement( 'img' )
	img.src = '/images/menu/bg.png'
	if ( $.tablesorter && $( 'table.tablicasort' )[0] )
		$( 'table.tablicasort' ).tablesorter()
})

var SuperMenu = function () {

	var self = this

	self.init = function () {
		$( '#header .menu > li' )
			.click( self.show )
			.mouseout(function () {
				var li = this
				li.timeout = setTimeout( function () {
					self.hide.apply( li )
				}, 400 )
			})
			.mouseover(function () {
				var li = this
				if ( li.timeout )
					clearTimeout( li.timeout )
			})
			.find( 'img' )
				.hover(
					function () {
						$( this ).addClass( 'hover' )
					},
					function () {
						$( this ).removeClass( 'hover' )
					}
				)
	}

	self.show = function () {
		var $li = $( this )
		var left = ( $li.width() - 190 ) / 2
		$li.addClass( 'hover' ).find( 'div' ).css( 'left', left ).slideDown( 500 )
	}

	self.hide = function () {
		$( this )
			.removeClass( 'hover' )
			.find( 'div' )
				.slideUp( 500 )
	}

	self.init()

}