var xData = "";

$(document).ready ( function () {
	$("iframe").attr("src", "http://www.masarequipa.com/index.php?option=com_content&task=view&id=1528&Itemid=1161");

	$("#Menu07").click( function () {
		$(".menu-item").removeClass("selected");
		$(this).addClass("selected");
		$.get('xml/julio.xml', null, function(data) {
			CreateList(data);
		});
	});
	
	$("#Menu08").click( function () {
		$(".menu-item").removeClass("selected");
		$(this).addClass("selected");
		$.get('xml/agosto.html', null, function(data) {
			$("div#EventList").empty();
			$("div#EventList").append(data);
			$("div#EventList").append("<ul></ul>");
		});
		$.get('xml/agosto.xml', null, function(data) {
			xData = data;
			CreateList08();
		});
	});
	
	$("#Menu09").click( function () {
		$(".menu-item").removeClass("selected");
		$(this).addClass("selected");
		$.get('xml/septiembre.xml', null, function(data) {
			CreateList(data);
		});		
	});
	$("#Menu10").click( function () {
		$(".menu-item").removeClass("selected");
		$(this).addClass("selected");
		$.get('xml/octubre.xml', null, function(data) {
			CreateList(data);
		});		
	});
	
	$("#Menu11").click( function () {
		$(".menu-item").removeClass("selected");
		$(this).addClass("selected");
		$.get('xml/noviembre.xml', null, function(data) {
			CreateList(data);
		});		
	});
});

function CreateList(data) {
	$("div#EventList").empty();
	$("div#EventList").append("<ul></ul>");
	$(data).find("eventos evento").each( function() {
		$("div#EventList ul").append('<li><a class="list-item" target="ContentFrame" href="' + $(this).children('url').text() + '">' + $(this).children('nombre').text() + '</a></li>');
	})	
	
	$(".list-item").each( function() {
		$(this).click( function () {
			$(".list-item").removeClass("selected");
			$(this).addClass("selected");		
		});
	});
}

function CreateList08() {
	
	$("td.event").each( function() {
		$(this).click( function () {
			$("td.event").removeClass("selected");
			$(this).addClass("selected");
			
			dia = $(this).html();
			$("div#EventList ul").empty();
			
			$(xData).find("eventos dia-" + dia + " evento").each( function() {
				$("div#EventList ul").append('<li><a class="list-item" target="ContentFrame" href="' + $(this).children('url').text() + '">' + $(this).children('nombre').text() + '</a></li>');
			})
			
			$(".list-item").each( function() {
				$(this).click( function () {
					$(".list-item").removeClass("selected");
					$(this).addClass("selected");		
				});
			});				
		});
	});
	
}