var menuExpanded = false;

$(document).ready(function () {
	$("#dd_body div").bind("mouseenter", function () { inout(this.id, 1); });
	$("#dd_body div").bind("mouseleave", function () { inout(this.id, 0); });
	$("#el0").bind("mouseenter", function () { inoutHeader(1); }).bind("mouseleave", function () { inoutHeader(0); });
	$("#el1").bind("click", function () { changeType(0); });
	$("#el2").bind("click", function () { changeType(1); });
	$("#el3").bind("click", function () { changeType(2); });
	$("#dd_body").hide();
	$("#dd_header").click(function () { if (!menuExpanded) expand(); else unexpand(1); });
});

function expand() {
	$("#dd_body").slideDown("fast");
	$("#el0").css("background-image", "url('/files/images/gmap/middle_blue_up.png')");
	$("#gm_dropdown .bottom").css("background-image", "url('/files/images/gmap/bottom.gif')");
	menuExpanded = true;
}

function unexpand(fromSelf) {
	$("#dd_body").slideUp("fast");
	$("#el0").css("background-image", "url('/files/images/gmap/middle" + (fromSelf ? "_blue" : "") + ".png')");
	$("#gm_dropdown .bottom").css("background-image", "url('/files/images/gmap/bottom" + (fromSelf ? "_blue" : "") + ".gif')");
	menuExpanded = false;
}

function inoutHeader(dir) {
	if (!menuExpanded) {
		var bg = new Array(), vert = ["top", "middle", "bottom"];
		for (i = 0; i < 3; i++) {
			bg[i] = "url('/files/images/gmap/" + vert[i];
			if (dir)
				bg[i] += "_blue";
			if (i == 1)
				bg[i] += ".png')";
			else
				bg[i] += ".gif')";
		}
		$("#gm_dropdown .top").css("background-image", bg[0]);
		$("#el0").css("background-image", bg[1]);
		$("#gm_dropdown .bottom").css("background-image", bg[2]);
	}
}

function inout(id, dir) {
	var bg = "url('/files/images/gmap/middle"
	if (dir == 1) bg += "_yellow";
	else bg += "_noarrow"
	bg += ".png')";
	document.getElementById(id).style.backgroundImage = bg;
}

function changeType(maptype) {
	var type = [G_NORMAL_MAP, G_SATELLITE_MAP, G_HYBRID_MAP];
	$("#el0").html($("#el" + (maptype + 1)).html());
	map.setMapType(type[maptype]);
	$("#gm_dropdown .top").css("background-image", "url('/files/images/gmap/top.gif')");
	$("#gm_dropdown .bottom").css("background-image", "url('/files/images/gmap/bottom.gif')");
	unexpand(0);
}