// JavaScript Document
var currDate = new Date();
var query = [];

function insertDropBox(parentID) {
	hideTable(parentID);
	
	var parent = document.getElementById('filter');
	var dropboxform = document.createElement("form");
	dropboxform.id = "filterform";
	dropboxform.style.marginBottom = "20px";
	
	addMonthBox(dropboxform, parent);
	addYearBox(dropboxform, parent);
	
	parent.parentNode.insertBefore(dropboxform, parent);
}

function addMonthBox(dropboxform, parent) {
	var months = ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December'];
	
	var selectAttribute = document.createElement("select");
	
	dropboxform.appendChild(document.createTextNode("Maand: "));
	
	for(var i = 0; i < months.length; i++) {
		var option = document.createElement("option");
		var text = document.createTextNode(months[i]);
		
		option.appendChild(text);
		option.setAttribute("value", months[i]);
		selectAttribute.appendChild(option);
	}
	
	dropboxform.appendChild(selectAttribute);
	
	selectAttribute.onchange = function() {
		changeQuery(this, 'month');
	};
}

function addYearBox(dropboxform, parent) {
	var selectAttribute = document.createElement("select");
	dropboxform.appendChild(document.createTextNode(" Jaar: "));
	
	for(var i = 0; i < 4; i++) {
		var option = document.createElement("option");
		var text = document.createTextNode(currDate.getFullYear() + i);
		var currentYear = currDate.getFullYear() + i;
		
		option.appendChild(text);
		option.setAttribute("value", currentYear);
		selectAttribute.appendChild(option);
	}
	
	dropboxform.appendChild(selectAttribute);
	
	selectAttribute.onchange = function() {
		changeQuery(this, 'year');
	};
}

function changeQuery(element, type) {
	var searchBar = document.getElementById('filter');
	searchBar.style.display = '';
	
	query['month'] = (query['month'] === undefined) ? 'Januari' : query['month'];
	query['year'] = (query['year'] === undefined) ? currDate.getFullYear() : query['year'];
	
	var curEle = element.value;
	query[type] = curEle;
	
	filterByStr(query['month'] + ' ' + query['year'], 'pub');
}

function hideTable(_id) {
	//var searchBar = document.getElementById('filter');
	//searchBar.style.display = 'none';
	
	var table = document.getElementById(_id);
	
	if (!table) { return true; }
	
	for (var r = 0; r < table.rows.length; r++) {		
		var displayStyle = 'none';		
		table.rows[r].style.display = displayStyle;
	}
}