/* =========================================  DROP DOWN MENU ========================================= */

$(document).ready(function() {
	
	var divId;
	var cityId;
	
	$('.cityLi').mouseenter(function() {
		cityId = $(this).attr('val');
		
		$(this).addClass('selected');
		
		$('li[id="'+cityId+'"]').addClass('cityDotHover');
	});
	$('.cityLi').mouseleave(function() {
		cityId = $(this).attr('val');
		
		$(this).removeClass('selected');
		
		$('li[id="'+cityId+'"]').removeClass('cityDotHover');
	});
	
	$('.cityDot').mouseenter(function() {
		divId = $(this).attr('id');
		
		$(this).addClass('cityDotHover');
		
		$('li[id="'+divId+'Li"]').addClass('selected');
	});
	$('.cityDot').mouseleave(function() {
		divId = $(this).attr('id');
		
		$(this).removeClass('cityDotHover');
		
		$('li[id="'+divId+'Li"]').removeClass('selected');
	});
	

	
	$('#explore').click(function() {
		
		if ($('#dots, #cityListDiv').is(':hidden')) {
			$('#dots, #cityListDiv').slideDown('slow', function(){
				$('#explore').css('backgroundPosition', 'bottom right');
			});
		} else {
			$('#dots, #cityListDiv').slideUp('slow', function(){
				$('#explore').css('backgroundPosition', 'top right');
			});
		}
	});

	
});