// ExpandableText javascript for sanadome.eu 
// © 2009 ITXP 

var EXPANDABLETEXT_CLOSE_HTML = "<img style='display:inline; margin-left:4px; margin-right:2px; vertical-align:bottom;' alt='sluiten' src='/fileadmin/templates/sitefiles/images/expandabletext.jpg' />sluiten";
var EXPANDABLETEXT_NORMAL_BACKGROUND_COLOR = "#FFFFFF";
var EXPANDABLETEXT_EXPANDED_BACKGROUND_COLOR = "#D5D9E5";

var EXPANDABLETEXT_CONTAINER_CLASS = 'expandabletext';
var EXPANDABLETEXT_BUTTON_TYPE = 'a';
var EXPANDABLETEXT_CONTAINER_TYPE = 'div';
var EXPANDABLETEXT_TITLE_TYPE = 'div';
var EXPANDABLETEXT_CONTENT_TYPE = 'div';

init = function() {
	if(document.getElementById && document.createTextNode) {
		var expandableitems = document.getElementsByTagName(EXPANDABLETEXT_CONTAINER_TYPE);
		for(i=0;i<expandableitems.length;i++) {
			if (expandableitems[i].className == EXPANDABLETEXT_CONTAINER_CLASS) {
				setExpand(expandableitems[i]);
			}
		}
	}
};

setExpand = function (expandableDiv) {
	var expandbutton = document.createElement(EXPANDABLETEXT_BUTTON_TYPE);
	expandbutton.style.cursor = 'pointer';
	expandbutton.innerHTML = expandableDiv.getElementsByTagName(EXPANDABLETEXT_TITLE_TYPE)[0].innerHTML;
	expandbutton.setAttribute('state', -1);
	expandbutton.setAttribute('class', 'expandabletext_title');
	expandableDiv.replaceChild(expandbutton, expandableDiv.getElementsByTagName(EXPANDABLETEXT_TITLE_TYPE)[0]);

	var closebutton = document.createElement(EXPANDABLETEXT_BUTTON_TYPE);
	closebutton.style.cursor = 'pointer';
	closebutton.style.display = 'block';
	closebutton.style.textAlign = 'right';
	closebutton.style.width = '100%';
	closebutton.innerHTML = EXPANDABLETEXT_CLOSE_HTML;
	expandableDiv.getElementsByTagName(EXPANDABLETEXT_CONTENT_TYPE)[0].appendChild(closebutton);
		
	expandbutton.onclick = function(){
		var state = -(1*this.getAttribute('state'));
		this.setAttribute('state', state);
		this.style.fontWeight = state == 1 ? 'normal' : 'bold';
		this.parentNode.getElementsByTagName(EXPANDABLETEXT_CONTENT_TYPE)[0].style.display = state == 1 ? 'none' : 'block';
		this.parentNode.style.backgroundColor = state == 1 ? EXPANDABLETEXT_NORMAL_BACKGROUND_COLOR : EXPANDABLETEXT_EXPANDED_BACKGROUND_COLOR;
	};                   
    expandbutton.onclick();

    closebutton.onclick = function(){
		expandbutton.onclick();
    };                   
};
window.onload=init;