/*This script is part of the Typo3-extension 'sissi_staff'.
It hides/displays certain parts of a staff member record in the Frontend.
This script is unobtrusive, means if Javascript is switched off the
view of staff member records still works fine.

Made by Sissi (sissiadamski@web.de)*/

//Global variables
var hideStuff = 'hidestuff';
var details = 'details';
var detailsClose = 'detailsclose';
var hdAppendix = '_';


//Adds EventListener
function addEventSimple( obj, type, fn ) {
 	if (obj.addEventListener)
 		obj.addEventListener( type, fn, false );
 	else if (obj.attachEvent) {
		obj['e'+type+fn] = fn;
 		obj[type+fn] = function() {
                 	obj['e'+type+fn]( window.event );
                         }
 		obj.attachEvent( 'on'+type, obj[type+fn] );
 	}
}

//Calls function when the window is loaded
addEventSimple(window,"load",initPage);

//Main function
function initPage () {
	hidestuff ();
}

//Hides the divs
function hidestuff () {
         var count = 1;
         var moreInfos = document.createElement('span');
	var hideThisDiv;

         do {
		var hideThisDiv = document.getElementById(hideStuff + hdAppendix + count);
		var displayDetailsDiv = document.getElementById(details + hdAppendix + count);
                 var prepareDetailsCloseDiv = document.getElementById(detailsClose + hdAppendix + count);

                 if (hideThisDiv)
                 {
			hideThisDiv.style.display = 'none';
                         displayDetailsDiv.style.display = 'block';
                         addEventSimple(displayDetailsDiv,"click",openClose);
                 }
                 count++;
  	} while (hideThisDiv);
}


//Displays or hides a div on 'click' depending on its current mode
function openClose () {
	var hideOrDisplayDiv = document.getElementById(hideStuff + (this.id.substr(this.id.indexOf(hdAppendix),this.id.length)));

         var detailsOpen = document.getElementById('detailsOpen').innerHTML;
         var detailsClose = document.getElementById('detailsClose').innerHTML;

         var detailsOpenTitle = document.getElementById('detailsOpen').title;
         var detailsCloseTitle = document.getElementById('detailsClose').title;


                   if(hideOrDisplayDiv.style.display == 'none'){
                   	hideOrDisplayDiv.style.display = 'block';
                         this.innerHTML = detailsClose;
                         this.title = detailsCloseTitle;

                   } else {
                         hideOrDisplayDiv.style.display = 'none';
                         this.style.display = 'block';
                     	this.innerHTML = detailsOpen;
                         this.title = detailsOpenTitle;
                   }
}