var monthSelected = document.getElementById('month').options.selectedIndex; //max 12
var yearSelected = document.getElementById('year').options.selectedIndex; //max 2

function previousMonth () {
	if(monthSelected != 0){
		 monthSelected = monthSelected - 1;
	}
	if(monthSelected == 0 && yearSelected != 0){
		monthSelected =  11;
		yearSelected = yearSelected - 1;
	}
	if(monthSelected != 0 || yearSelected != 0){
		changeDate(monthSelected,yearSelected);
		refreshMyForm();
		document.getElementById('prevButton').className = 'button';
	}
	else {
		document.getElementById('prevButton').className = 'hidden';
	}
}

function nextMonth() {
	maxMonth = 12 ;
	if(monthSelected != maxMonth){
		 monthSelected = monthSelected + 1;
	}
	if((monthSelected == maxMonth) && (yearSelected != 2)) {
		monthSelected = 0;
		yearSelected = yearSelected + 1;
	}
	if((monthSelected != maxMonth) || (yearSelected != 2)){
		changeDate(monthSelected,yearSelected);
		refreshMyForm();
		document.getElementById('nextButton').className = 'button';
	}
	else {
		document.getElementById('nextButton').className = 'hidden';
	}
}

function changeDate(newMonthSelected, newYearSelected){
	document.getElementById('month').options[newMonthSelected].selected = true;
	document.getElementById('year').options[newYearSelected].selected = true;
}

function refreshMyForm() {
	document.myForm.action = '/events/'; 
	document.myForm.submit();
}

function moreInfoShow(e) {
	var posx = 0;
	var posy = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) {
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) {
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	document.getElementById('moreInfo').style.position = 'absolute';
	document.getElementById('moreInfo').style.top = posy;
	document.getElementById('moreInfo').style.left = posx;
	document.getElementById('moreInfo').style.display = 'block';
}

function moreInfoHide() {
	document.getElementById('moreInfo').style.display = 'none';
}