$(document).ready(function () {
							
	$("#city").click(function () {
		var popup = $("#selectCityBlock");
		$.blockUI({
			message: popup,
			css: {
				border: "none",
				cursor: "default",
				left: "20px",
				top: ($(window).scrollTop()+20) + "px"
			},
			overlayCSS: {backgroundColor:"#000"},
			centerY: false
		});
		$("div.blockUI").css("cursor", "default");
		$("div.blockMsg").css("position", "absolute");
	});

	$("#cityBar span.letter").hover(
		function () {
			$(this).addClass("letterOver");
		},
		function () {
			$(this).removeClass("letterOver");
		}
	);

	$("#cityBar span.letter").click(function () {
		var cityLetterID = $(this).attr("id");
		var letter = cityLetterID.substring(10, 11);

		$("#cityLetter"+selectedCityLetter).removeClass("letterSelected");
		$(this).addClass("letterSelected");
		selectedCityLetter = letter;
		
		$.getJSON( "/_ui/RemoteService.cfc?"+Math.random()
				 , {method:"getCities", strLetter:letter}
				 , function (data) {
					var strCities = "";
					for (var i=0; i < data.length; i++)
					{
						strCities += '<li id="city' + data[i].INTID + '">' + data[i].STRNAME + '</li>';
					}
					$("#cities ul").html(strCities);
				 });
	});
	
	$("#closeCityBlock").hover(
		function () {
			$(this).addClass("hover");
		},
		function () {
			$(this).removeClass("hover");
		}
	);
	
	$("#closeCityBlock").click(function () {
		$.unblockUI();
	});

	$("#cities li").livequery(function () {
		$(this).hover(
			function () {
				$(this).addClass("hover");
			},
			function () {
				$(this).removeClass("hover");
			}
		);
	});
	
	$("#cities li").livequery("click", function () {
		var cityID = $(this).attr("id");
		var intCityID = cityID.substring(4, cityID.length);
		$("#city").val( $(this).text() );
		$("#cityID").val(intCityID);
		$.unblockUI();
	});
							
});