$(document).ready(function(){
	$(".inputField").bind("click", function(){
		
		if($(this).attr("id") == $(this).val()) $(this).val("");
	});
	$('#rate1').rating('www.url.php', {maxvalue:5, increment:.5});
	$(".inputField").bind("blur", function(){
		if($(this).val() == "") $(this).val(this.id);
	});	
	$("#chooseCategory").bind("click", function () {
		if($("#displayCategory").css("display") == "none"){
			$(".displayInfoCategories").empty();
			$(".displayInfoCategories").fadeOut("slow");
			$("#displayCategory").fadeIn("slow");
			
		}else{
			$("#displayCategory").fadeOut("slow");
		}
	});
	
	$(".displayInfoCategories").ajaxStart(function(){	$("#loading").fadeIn("fast");	});	
	$(".displayInfoCategories").ajaxStop(function(){	$("#loading").fadeOut("fast"); 	});
	$(".listItemCategory > a").bind("click", function(){
		$(".displayInfoCategories").empty();
		$(".displayInfoCategories").append("loading");
		
		$.ajax({
			type: "GET",
			url: "eventsList.php?category_id="+$(this).attr("name"),
			dataType: "html",
			success: function(html){
				$("#displayCategory").fadeOut("fast");
				$(".displayInfoCategories").empty();
				$(".displayInfoCategories").append(html);
				$(".displayInfoCategories").fadeIn("slow");
			}
		});
		$.ajax({
			type: "GET",
			url: "categoryName.php?category_id="+$(this).attr("name"),
			dataType: "html",
			success: function(html){
				$("#categoryNameFirst").empty();
				$("#categoryNameFirst").append(html);
				$("#categoryNameFirst").fadeIn("slow");
			}
		});
	});
	$("#chooseCity").bind("click", function () {
		if($("#displayCity").css("display") == "none"){
			$(".displayInfoCities").empty();
			$(".displayInfoCities").fadeOut("slow");
			$("#displayCity").fadeIn("slow");
			
		}else{
			$("#displayCity").fadeOut("slow");
		}
	});
	$(".listItemCity > a").bind("click", function(){
		$(".displayInfoCities").empty();
		$(".displayInfoCities").append("loading");
		$.ajax({
			type: "GET",
			url: "eventsList.php?city_id="+$(this).attr("name"),
			dataType: "html",
			success: function(html){
				$("#displayCity").fadeOut("fast");
				$(".displayInfoCities").empty();
				$(".displayInfoCities").append(html);
				$(".displayInfoCities").fadeIn("slow");
			}
		});
		$.ajax({
			type: "GET",
			url: "cityName.php?city_id="+$(this).attr("name"),
			dataType: "html",
			success: function(html){
				$("#cityNameFirst").empty();
				$("#cityNameFirst").append(html);
				$("#cityNameFirst").fadeIn("slow");
			}
		});
	});
});