function getElementsByClass(node,searchClass,tag) {
    var classElements = new Array();
    var els = node.getElementsByTagName(tag); // use "*" for all elements
    var pattern = new RegExp('\\b'+searchClass+'\\b');
    for (var i = 0; i < els.length; i++)
         if ( pattern.test(els[i].className) )
             classElements[classElements.length] = els[i];
    return classElements;
}

function ReadMore(id) {
	var element = document.getElementById(id);
	var text = "<div class=\"close_announcement\"><a class=\"more_less\" href='#announcement_" + id + "' onclick='javascript:ReadLess(" + id + ");'>close [x]</a></div>"
	element.innerHTML = texts[id] + text;

	for (var i = 0; i < array.length; i++) {
		if (i != id) {
			ReadLess(i);
		}
	}
}

function ReadLess(id) {
	var element = document.getElementById(id);
	var text = texts[id].substr(0, subamount);
	text += " ... <a class=\"more_less\" href='#announcement_" + id + "' onclick='javascript:ReadMore(" + id + ");'>read more</a>"
	element.innerHTML = text;
}



	var subamount = 500;
	var texts = [];
	
	var node = document.getElementById("announcements");
	var array = getElementsByClass(node, "announcement", "div");
	
	for (var i = 0; i < array.length; i++) {
		var element = array[i];
		texts[i] = element.innerHTML;
	
		var text = texts[i].substr(0, subamount);
		text += " ... <a class=\"more_less\" href='#announcement_" + i + "' onclick=\"javascript:ReadMore(" + i + ");\">read more</a>"
		
		element.innerHTML = text;
		
	}




/*$(document).ready(function() {
	
	$('div#announcements:eq(0)> div div').hide();
	$('div#announcements:eq(0)> div h2').click(function() {
		$(this).next().slideToggle('fast');
	    $(this).parent().siblings().children('div:visible').slideUp('fast');
	    
	});
});
*/