var citiesOver = 0;
var citiesTimer = false;


$( function () {
		$('#menubar-item-venue' ).mouseover ( function() { showCities(); });
		$('#menubar-item-venue' ).mouseout ( function() { hideCities(); });
	});


function showCities() {

	if ( $('#menu-cities').length == 0 ) {
		$('#background').prepend ( '<div id="menu-cities-holder"></div>' );
		$('#menu-cities-holder').html ( '<div id="menu-cities"></div>' );
		$('#menu-cities').addClass ('loading');
		$('#menu-cities').load ( '/menubar/cities', function () { $('#background').removeClass ('loading') } );
		$('#menu-cities' ).mouseover ( function() { citiesOver = 1; });
		$('#menu-cities' ).mouseout ( function() { hideCities(); });

		citiesTimer = setInterval ( 'showCitiesExit();', 250 );

	}

	citiesOver = 1;

	$('#menu-cities').show();

}

function hideCities() {
	citiesOver --;
}

function showCitiesExit() {
	if ( citiesOver == 0 ) {
		$('#menu-cities').hide();
	}
}