// JavaScript Document

var hover = new Array();
hover[0] = false;
hover[1] = false;

$(document).ready(function() {

	$('#ourCitiesButton').hover(
		function() { if (!hover[0]) {
			closeMenu(2);
			hover[0] = true;
			$('#ourCities').show();
			$('#ourCitiesButton').addClass("menuItemHover");
			$('#ourCitiesButton').css("color","white");
		} },
		function() {
			hover[0] = false;
			setTimeout("closeMenu(0)",1000);
		}
	);
	$('#itinButton').hover(
		function() { if (!hover[1]) {
			closeMenu(2);
			hover[1] = true;
			$('#itineraries').show();
			$('#itinButton').addClass("menuItemHover");
			$('#itinButton').css("color","white");
		} },
		function() {
			hover[1] = false;
			setTimeout("closeMenu(1)",1000);
		}
	);
	
	$('#ourCities').hover (
		function() { hover[0] = true; },
		function() {
			hover[0] = false;
			setTimeout("closeMenu(0)",1000);
		}
	);
	$('#itineraries').hover (
		function() { hover[1] = true; },
		function() {
			hover[1] = false;
			setTimeout("closeMenu(1)",1000);
		}
	);
});

function closeMenu(menu) {
	if ((menu == 0 && !hover[0]) || menu == 2) {
		$('#ourCities').hide();
		$('#ourCitiesButton').removeClass("menuItemHover");
		$('#ourCitiesButton').css("color","black");
		hover[0] = false;
	}
	if ((menu == 1 && !hover[1]) || menu == 2) {
		$('#itineraries').hide();
		$('#itinButton').removeClass("menuItemHover");
		$('#itinButton').css("color","black");
		hover[1] = false;
	}
}

function startAJAX() {
  var ajaxRequest;
  try { ajaxRequest = new XMLHttpRequest(); }
  catch (e) {
    try { ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP"); }
    catch (e) {
      try { ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP"); }
	  catch (e){
	    alert("Your browser broke!");
	    return false;
	  }
    }
  }
  return ajaxRequest;
}