var cacheDataEvents={};
var classInterval;

$(document).ready(function(){
// Add paperclip and init calendar, scroll and popup for Events page
	
                        if (LocalLang == "ES") {
                        
                        	$("#datepicker").datepicker({
                        		firstDay: 1,
                        		dayNamesMin: ['Domingo','Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                        		monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
                        		nextText: 'siguiente',
                        		prevText: 'anterior',
                        		onSelect: function(dateText,inst){classInterval=window.setInterval("refreshClass()", 2000); return false;},
                        		onChangeMonthYear: function(year, month, inst) { loadEvents();}
                        	});
                        
                        } else {
                        	
                        	$("#datepicker").datepicker({
                        		firstDay: 1,
                        		dayNamesMin: ['Sunday','Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
                        		monthNames: ['January','February','March','April','May','June','July','August','September','October','November','December'],
                        		nextText: 'next',
                        		prevText: 'previous',
                        		onSelect: function(dateText,inst){classInterval=window.setInterval("refreshClass()", 2000); return false;},
                        		onChangeMonthYear: function(year, month, inst) { loadEvents();}
              	         });	
              
                        };
});


function refreshClass(){
	window.clearInterval(classInterval);
	setCalendarEvents(cacheDataEvents);
	
}

function setCalendarEvents(data) {
	var htmlEvents = "";
	cacheDataEvents=data;
	
	/*
	 * <li><a href="events/event-example.html" rel="events-item">7 de Noviembre</a><br />
	 * Nuria's Birthday.</li>
	 */
	var mes = getActualPickerMonthYear('datepicker').split(/-/)[0];
	var meses = [ 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio','Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre','Diciembre' ];
	var months = [ 'January', 'February', 'March', 'April', 'May', 'June','July', 'August', 'September', 'October', 'November', 'December' ];
	var event;
  
  
  
	for (event in data.events) {
		if (LocalLang == "ES") {
			htmlEvents += '<li><a class="events-item iframe" href="'+ data.events[event].recursoes + '" >'+ data.events[event].dia;
			htmlEvents += ' DE ' + meses[mes];
			htmlEvents += '</a><br />' + data.events[event].tituloes + '</li>';
		} else {
			htmlEvents += '<li><a class="events-item iframe" href="'+ data.events[event].recursoen + '" >'+ data.events[event].dia;
			htmlEvents += ' OF ' + months[mes];
			htmlEvents += '</a><br />' + data.events[event].tituloen + '</li>';
		}
	}

	if (htmlEvents == "") {

		if (LocalLang == "ES") {
			$("#events-pane").html('<h3>Este mes descansamos...<br/>&iexcl;nos lo merecemos!</h3><p>Pero si quieres ver d&oacute;nde hemos estado, que ferias hemos visitado, paseate por nuestro calendario.</p>');
		} else {
			$("#events-pane").html('<h3>This month we\'re having a break... We deserve it!</h3><p>But if you\'d like to know where have we been, what fairs have we visited, walk around our calendar.</p>');
		}

	} else {
		$("#events-pane").html('<ul>' + htmlEvents + '</ul>');
	}

	$.each(data.events,	function(i, item) {
						var jObj = $("a[class^=ui-state-default][innerHTML="+item.dia+"]");
						
						jObj.addClass("has-event events-item iframe");
						if (LocalLang == "ES") {
							jObj.attr("href",item.recursoes);
						} else {
							jObj.attr("href",item.recursoen);
						}
						
						jObj.colorbox( {width : 514,height : 384,iframe : true});	
					});

	$("a[class=events-item iframe]").colorbox( {width : 514,height : 384,iframe : true});
}

function getActualPickerMonthYear(idPicker) {
	var inst = $.datepicker._getInst($('#' + idPicker)[0]);
	return inst.drawMonth + "-" + inst.drawYear;
}



function loadEvents() {
	var data = getActualPickerMonthYear('datepicker').split(/-/);
	// alert(JSON_URI_TO_EVENTS+"?lang="+$.cookie("mimolanguage")+"&month="+(parseInt(data[0])+1)+"&year="+data[1]);
	$.getJSON(JSON_URI_TO_EVENTS + "?lang=" + LocalLang+ "&month=" + (parseInt(data[0]) + 1) + "&year=" + data[1],setCalendarEvents);
}

var JSON_URI_TO_EVENTS = "/include/eventsdata.php";

$(document).ready(function() {
	loadEvents();
});

// $('#datepicker').bind('beforeShow', function(){setCalendarEvents();});