window.onload = function(){
	removeReadMore();/*on load removes any unneccessary read mores*/
}

function removeReadMore(){/*checks both columns for any articles that don't overflow and removes read more where that's true*/
	var x = document.getElementById("column_left").children.length;
	for(var i = 0; i<x; i++){
		var el = document.getElementById("column_left").children[i];
		if(!isOverflown(el)){
			el.children[0].style.display = "none";
			el.children[1].style.position = "static";
		}
	}
	x = document.getElementById("column_right").children.length;
	for(var i = 0; i<x; i++){
		var el = document.getElementById("column_right").children[i];
		if(!isOverflown(el)){
			el.children[0].style.display = "none";
			el.children[1].style.position = "static";
		}
	}
}
function isOverflown(el){/*checks if article div is overflowing*/
	return el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth;
}
function readMore(el){/*on a readmore click makes article height automatic so as to show it's entire content. Switches readmore class, text and onclick function so this may be reversed on click*/
	var readMoreP = el.childNodes[0];
	var article = el.parentNode;
	var articleHeading = article.childNodes;

	el.setAttribute("onclick","collapse(this)");
	el.setAttribute("class","collapse");
	el.style.height = "61px";

	readMoreP.innerHTML = "COLLAPSE";

	article.style.height = "auto";

}
function collapse(el){/*sets a readmore to it's original state*/

	var readMoreP = el.childNodes[0];
	var article = el.parentNode;
	var articleHeading = article.childNodes;

	el.setAttribute("onclick","readMore(this)");
	el.setAttribute("class","read_more");
	el.style.height = "35%";

	readMoreP.innerHTML = "READ MORE";

	article.style.height = "11em";
}
function isSubmitOk(){/*Checks if form entries are filled out correctly. Requests correction otherwise. If no errors are found, returns true and passes title and message strings to postMessage(x,y)*/
	var name = document.forms["submission"]["name"].value;
	var lname = document.forms["submission"]["lastname"].value;
	var age = document.forms["submission"]["age"].value;
	var title = document.forms["submission"]["title"].value;
	var message = document.forms["submission"]["message"].value;

	var ok = true;/*return boolean set to false if any field doesn't check out*/
	var err = "Please correct following input errors:\n";/*if errors are found their respective correction request strings are added to err and displayed in an alert at end of check*/

	if(!name){
		ok = false;
		err += "No name given\n";
	}

	else if(/[^a-z]/i.test(name)){/*checks if name field contains exclusively letters*/
		ok = false;
		err += "Name field contains invalid character(s)\n";
	}

	if(!lname){
		ok = false;
		err += "No last name given\n";
	}

	else if(/[^a-z]/i.test(lname)){/*checks if last name field contains exclusively letters*/
		ok = false;
		err += "Last name field contains false character(s)\n";
	}

	if(!age){
		ok = false;
		err += "No age given\n";
	}

	else if(age<18){
		ok = false;
		err += "Age has to be 18+\n";
	}

	if(!title){
		ok = false;
		err += "No title given \n";
	}

	else if(title.length>15){
		ok = false;
		err += "Title over 15 characters long\n";
	}

	if(!message){
		ok = false;
		err += "No message given\n";
	}
	else if(message.length>700){/*restricts message length to 700 characters. returns current character count in error message*/
		ok = false;
		err += "Message length ("+message.length+") is longer than the max 700 character count";
	}

	if(!ok) alert(err);
	else postMessage(title, message);/*if no errors are found, passes title and message strings to postMessage*/
	return ok;
}
var columnOrder = 0;/*switches between 0 and 1. used to alternate between the two columns for article posting*/
function postMessage(title, message){/*creates an article div, appends it to either column*/
	title = title.toUpperCase();/*titles are always all caps*/
	var column;
	if(columnOrder == 0){									/*Assigns left or right column to column var depending on column order value. Changes column order value*/
		columnOrder++;										/**/
		column = document.getElementById("column_left");	/**/
	}														/**/
	else{													/**/
		columnOrder = 0;									/**/
		column = document.getElementById("column_right");	/**/
	}
	var article = document.createElement("div");/*creates article div appends classes*/
	article.setAttribute("class","article");

	column.appendChild(article)

	var rdMore = document.createElement("div");/*creates read more div, appends classes and onclick function*/
	rdMore.setAttribute("class","read_more");
	rdMore.setAttribute("onclick","readMore(this)");


	var rdMorePar = document.createElement("p");/*creates readmore paragraph*/
	var rdMoreText = document.createTextNode("READ MORE");
	rdMorePar.appendChild(rdMoreText);
	rdMore.appendChild(rdMorePar);

	article.appendChild(rdMore);

	var articleHeading = document.createElement("h2");/*creates title h2 element, appends title string value*/
	var headingText = document.createTextNode(title);
	articleHeading.appendChild(headingText);

	article.appendChild(articleHeading);

	var messagePar = document.createElement("p");/*creates message paragraph, appends message string value*/
	var messageText = document.createTextNode(message);
	messagePar.appendChild(messageText);

	article.appendChild(messagePar);

	column.appendChild(article);/*appends end result to column*/

	removeReadMore();/*runs read more removal in case new article doesn't overflow*/
}
function generateIpsum(){/*creates dummy lorem ipsum articles by passing lorem ipsum title and message values to postMessage(x,y)*/
	var title = "LOREM IPSUM"
	var message = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dictum aliquet nibh vel blandit. Sed vestibulum sapien at sem blandit tincidunt. Sed malesuada et nibh non interdum. Integer elit sem, pharetra eu justo quis, pharetra pretium metus. In non tincidunt dui. Proin at eros a est suscipit egestas ultrices et magna. Sed in gravida enim, ut lacinia sem. Donec aliquet odio non egestas feugiat. Aliquam leo eros, molestie at metus vehicula, sagittis dictum tellus. Curabitur felis erat, pellentesque nec eleifend non, porta sit amet nisi. Donec posuere volutpat justo, eu pellentesque urna. Phasellus dapibus turpis ac commodo faucibus. Aliquam erat volutpat. Nullam ac porttitor nunc."
	postMessage(title,message);
}