// This function requires prototype.js

function toggleLink(){
	
	var anchors = document.getElementsByTagName('a');
	
	for (var i=0; i<anchors.length; i++){

		var anchor = anchors[i];
		
		var relAttribute = String(anchor.getAttribute('rel'));
		
		if (relAttribute && Element.hasClassName(anchor,'rsph-show')){

			//get the related id to be hide
			var desc = $(relAttribute);
			toggleArrow(anchor, 'rsph-expand',desc.id);
			
			//if it is meant to be hidden, hide it when this function is called
			if(desc.hasClassName('rsph-hidden')){
				desc.removeClassName("rsph-hidden");
				desc.addClassName("rsph-hide");
				toggleArrow(anchor, 'rsph-collapse',desc.id);
				
			}

			//onclick function to determine it is hidden or to be shown
			anchor.onclick = function () {
				var desc = $(this.getAttribute('rel'))
				
				if(desc.hasClassName('rsph-hide')){
					desc.removeClassName("rsph-hide");
					toggleArrow(this, 'rsph-expand',desc.id);
					hideTeaser(desc.id);
				}

				else {	
					desc.addClassName("rsph-hide");
					toggleArrow(this, 'rsph-collapse',desc.id);
					showTeaser(desc.id);
				}
				
				//return false is needed for anchor, if not it will go to the link (href) specified
				return false;
			}
		}
		else if (relAttribute && Element.hasClassName(anchor,'rsph-show2')){

			//get the related id to be hide
			var desc = $(relAttribute);
			toggleArrow(anchor, 'rsph-collapse',desc.id);
			
			//if it is meant to be hidden, hide it when this function is called
			if(desc.hasClassName('rsph-hidden')){
				desc.removeClassName("rsph-hidden");
				desc.addClassName("rsph-hide");
				toggleArrow(anchor, 'rsph-expand',desc.id);
				
			}

			//onclick function to determine it is hidden or to be shown
			anchor.onclick = function () {
				var desc = $(this.getAttribute('rel'))
				
				if(desc.hasClassName('rsph-hide')){
					desc.removeClassName("rsph-hide");
					toggleArrow(this, 'rsph-expand',desc.id);
					hideTeaser(desc.id);
				}

				else{	
					desc.addClassName("rsph-hide");
					toggleArrow(this, 'rsph-collapse',desc.id);
					showTeaser(desc.id);
				}
				
				//return false is needed for anchor, if not it will go to the link (href) specified
				return false;
			}
		}
	}
}

function  hideTeaser(id){
	if (document.getElementById(id+'1')) {
		document.getElementById('teaser-'+id).style.display='none';
	}
}

function  showTeaser(id){
	if (document.getElementById(id+'1')) {
		document.getElementById('teaser-'+id).style.display='';
	}
}

function toggleArrow(anchor, className, id) {
	anchor.parentNode.className = className;
	
	if (document.getElementById(id+'1')) {
		anchorText = document.getElementById(id+'1');
		if (anchorText.innerHTML.indexOf("Show") == 0) {
			anchorText.innerHTML = anchorText.innerHTML.replace("Show", "Hide");
		} else {
			anchorText.innerHTML = anchorText.innerHTML.replace("Hide", "Show");
		}
	} else {
		if (anchor.innerHTML.indexOf("Show") == 0) {
			anchor.innerHTML = anchor.innerHTML.replace("Show", "Hide");
		} else {
			anchor.innerHTML = anchor.innerHTML.replace("Hide", "Show");
		}
	}
	
}

//call the function on window load
Event.observe(window, 'load', toggleLink, false);




function toggleLinkShowHide(obj, element_obj){
	var element_obj_name = "name-"+element_obj;
	if(document.getElementById('desc-'+element_obj).className=='rsph-hide'){
		document.getElementById(element_obj_name).className='rsph-expand';
		document.getElementById('desc-'+element_obj).className='';
		document.getElementById('show-'+element_obj).style.display='none';

		//document.getElementById(obj).innerHTML = "Hide information";
	}
	else{
		document.getElementById(element_obj_name).className='rsph-collapse';
		document.getElementById('desc-'+element_obj).className='rsph-hide';
		document.getElementById('show-'+element_obj).style.display='';

		//document.getElementById(obj).innerHTML = "Show more information";
	}
}

function standardToggleLink(obj, element_obj, color){
	if(document.getElementById(element_obj).className=='rsph-hide'){
		document.getElementById(element_obj).className='';
		var obj_class = "rsph-collapse-"+color;
	}
	else{
		document.getElementById(element_obj).className='rsph-hide';
		var obj_class = "rsph-expand-"+color;
	}
	document.getElementById(obj).className=obj_class;
}


function HomeToggleLink(obj, element_obj){
	if(document.getElementById(element_obj).className=='rsph-hide'){
		document.getElementById(element_obj).className='show-content';
		document.getElementById(obj).className='selected';
	}
	else{
		document.getElementById(element_obj).className='rsph-hide';
		document.getElementById(obj).className='';
	}
}