Drupal.actividades = {};

function request(el) {



	var parentTag = $(el).parent().parent().get(0).id;

	if (parentTag == "monthNavigator") {
		var capa = $.create("tr", {"id":"preloader", "style":"background:#fff"}, [
	"td", {"height":$("#calendario tbody").height()+"px", "colSpan":"7"}, [
  "img", {"src":"/sites/default/modules/custom/actividades/ajax-loader.gif",  "style":"margin-top:5px"}, []
  ]
  ]);
  $("tbody", $("#calendario")).empty();
 $("#calendario tbody").append(capa);
		var m = $.getURLParam("m",$(el).attr("href"));
		var y = $.getURLParam("y",$(el).attr("href"));


		$("#nextEvents").empty();

		$.get("/getActividades/"+m+"/"+y, {}, function(data){
			data = Drupal.parseJson(data);
			$("#calendario caption").html(data.month_name+" "+data.year);
			for (var i=0; i<data.tbody.length; i++) {
				var row = $.create("tr",{},[]);
				for (var j=0; j<data.tbody[i].length; j++) {
				  var d = data.tbody[i][j].data;
				  var clase = data.tbody[i][j].clase;
				  var cell = $.create("td",{"class":clase},[]);
				  $(cell).html(d);
				  $(row).append(cell)
				}
				$("#calendario tbody").append(row);
			}
			$("#linkCalendar").empty();
			var linkToMore = $.create("a", {"href":data.link.link}, [data.link.title]);
			$("#linkCalendar").append($(linkToMore));
			$("#monthNavigator").empty();
			var name = data.previousMonth.name;
			var m = data.previousMonth.month;
			var y = data.previousMonth.year;
			var previous = $.create("li", {}, []);
			$(previous).html('<a href="?m='+m+'&y='+y+'">&lt;&lt;'+" "+name+'</a>');
			var name = data.nextMonth.name;
			var m = data.nextMonth.month;
			var y = data.nextMonth.year;
			var next = $.create("li", {"class":"last"}, []);
			$(next).html('<a href="?m='+m+'&y='+y+'">'+name+' &gt;&gt;</a>');
			$("a", previous).click(function(){request($(this)); return false;});
			$("a", next).click(function(){request($(this)); return false;});
			$("#monthNavigator").append($(previous));
			$("#monthNavigator").append($(next));

			for (var i=0; i<data.eventos.length; i++) {
			  var fecha = data.eventos[i].date;
			  var title = data.eventos[i].title;
			  var item = $.create("li", {}, ["strong",{},[fecha], "span", {}, [title]])
			  $("#nextEvents").append(item);
			}

		$("#preloader").remove();
		});
	}
	else{
	  var aux = $("#activities tbody").height();
		var capa = $.create("tr", {"id":"preloader", "style":"background:#fff"}, [
	"td", {"colSpan":"7", "style":"height:425px; text-align:center; vertical-align:middle"}, [
  "img", {"src":"/sites/default/modules/custom/actividades/ajax-loader-big.gif",  "style":"margin-top:5px"}, []
  ]
  ]);
  $("tbody", $("#activities")).empty();
 $("#activities tbody").append(capa);
		var array_url = $(el).attr("href").split("/");
		var ajax_flag = array_url[array_url.length-1];
		var month = array_url[array_url.length-2];
		var year = array_url[array_url.length-3];

		//$("#calendarActivities tbody").empty();

		$.get("/actividades/"+year+"/"+month+"/"+ajax_flag, {}, function(data){
			data = Drupal.parseJson(data);
			$("#calendarActivities #fechaTituloCal").html(data.month_name+" "+data.year);
			for (var i=0; i<data.tbody.length; i++) {
				var row = $.create("tr",{},[]);
				for (var j=0; j<data.tbody[i].length; j++) {
				  var aux = data.tbody[i][j].data;
				  d = data.tbody[i][j].day;
				  if (aux.length) {
				  d+='<ul>';

				  for (k = 0; k<aux.length; k++ ) {
				    //d+='<li><a href="#day-'+data.tbody[i][j].day+'">'+aux[k].title+'</a></li>';
				    d+='<li><a href="'+aux[k].path+'">'+aux[k].title+'</a></li>';
          }
          d+='</ul>';
          }
				  var clase = data.tbody[i][j].clase;
				  var cell = $.create("td",{"class":clase},[]);
				  $(cell).html(d);
				  $(row).append(cell)
				}
				$("#calendarActivities tbody").append(row);
			}

			$(".monthsCalendar").empty();
			var name = data.previousMonth.name;
			var month = data.previousMonth.month;
			var year = data.previousMonth.year;
			var previous = $.create("span", {"class":"prev"}, []);
			var previousDown = $.create("span", {"class":"prev"}, []);
			var link = $.create("a", {"href":"/actividades/"+year+"/"+month+"/1"}, [name]);
			var linkDown = $.create("a", {"href":"/actividades/"+year+"/"+month}, ["« " + name.toLowerCase() + " " + year]);
			$(link).click(function(){
        	request($(this)); return false;});
      		$(previous).append($(link));
      		$(previousDown).append($(linkDown));
			var name = data.nextMonth.name;
			var month = data.nextMonth.month;
			var year = data.nextMonth.year;
			var next = $.create("span", {"class":"next"}, []);
			var nextDown = $.create("span", {"class":"next"}, []);
			var link = $.create("a", {"href":"/actividades/"+year+"/"+month+"/1"}, [name]);
			var linkDown = $.create("a", {"href":"/actividades/"+year+"/"+month}, [name.toLowerCase() + " " + year + " »"]);

			$(link).click(function(){
        	request($(this)); return false;});
      		$(next).append($(link));
      		$(nextDown).append($(linkDown));
      		$("#navegadorCal.monthsCalendar").append($(previous));
			$("#navegadorCal.monthsCalendar").append($(next));
			$(".monthsCalendar.type2").append($(previousDown));
			$(".monthsCalendar.type2").append($(nextDown));
			$("dl").empty();
			var dl = $.create("dl",{},[]);
			for (var i=0; i<data.eventos.length; i++) {
				var clase2 = data.eventos[i].clase;
				var span = "";
				if (clase2 == ""){
					var dt = $.create("dt",{},[]);
					var dd = $.create("dd",{},[]);
				}
				else {
					var dt = $.create("dt",{"class":clase2},[]);
					var dd = $.create("dd",{"class":clase2},[]);
					if (clase2 == " today") {
						var span = "<span>HOY</span>";
					}
				}
				line = span+data.eventos[i].ini_date+'<br />'+data.eventos[i].end_date;
				$(dt).html(line);
				var ul_id = data.eventos[i].ul_id;
				var ul = $.create("ul",{"id":ul_id},[]);
				var li = $.create("li",{},[]);
				var content = '<h2>'+data.eventos[i].li_data.title+'</h2>';
				content += data.eventos[i].li_data.body;
				content += data.eventos[i].li_data.url;
				$(li).html(content);
				$(ul).append($(li));
				$(dd).append($(ul));

				$("#calendarActivities dl").append(dt);
				$("#calendarActivities dl").append(dd);
        $(capa).remove();
			}
		});

	};
}

Drupal.actividades.autoAttach = function() {
  $("#monthNavigator a").each(function(){
    $(this).click(function(){
      request($(this));
     return false;
    });
  });
  $("#monthNavigator").parent().parent().css("position", "relative");

  /*$("#calendarActivities tbody a").each(function(){
    $(this).click(function(){
      var aux = $(this).attr("href").split("#");
     $("#"+aux[1]).ScrollTo(800);
     return false;
    });
  });*/

  $(".monthsCalendar a").each(function(){
    $(this).attr("href", $(this).attr("href")+"/1");
    $(this).click(function(){
     request($(this));
     return false;
    });
  });
}

if (Drupal.jsEnabled) {
  $(document).ready(Drupal.actividades.autoAttach);
}