// JavaScript Document
function switchImage(idt,button){
	var elem;
	elem=document.getElementById(idt);
	elem.src=button;
}

function fitSquares(){
 var size,h,p;
 if (window.innerHeight) size=window.innerHeight;
 if (document.body.clientHeight) size=document.body.clientHeight;
 h=size-180;
 e=document.getElementById("mainsquare");
 e.style.height = h+ 'px';
 e.style.visibility = 'visible';
}

function fitFrames(){
 var size,objectID;
 if (window.innerHeight) h=window.innerHeight - 280;
 if (document.body.clientHeight) h=document.body.clientHeight - 280;

 objectID=document.getElementById("projectsbox");
 assignHeightFrames(objectID,h);
 objectID=document.getElementById("fatebox");
 assignHeightFrames(objectID,h);
 objectID=document.getElementById("trackingbox");
 assignHeightFrames(objectID,h);
 objectID=document.getElementById("biomarkersbox");
 assignHeightFrames(objectID,h);
 objectID=document.getElementById("autismbox");
 assignHeightFrames(objectID,h);
}

function assignHeightFrames(objectID,h){
 objectID.style.height = h+ 'px';
 objectID.style.visibility= 'hidden';
}

function setVisibility(objectID,state) {
	var object = document.getElementById(objectID);
	object.style.visibility = state;
	 var size,h,p;
  if (document.body.clientHeight) size=document.body.clientHeight;
 h=size-180;
 e=document.getElementById("mainsquare");
 e.style.height = h+ 'px';

object.height=document.getElementById("mainsquare").height;
}

function toggleVisibility(objectID) {
	var object = document.getElementById(objectID);
	state=object.style.visibility;
	if (state == 'hidden')
		object.style.visibility = 'visible';
	else {
		if (state == 'visible')
			object.style.visibility = 'hidden';
		else object.syle.visibility = 'visible';
	}
}
	
function hideBoxes(){
	setVisibility('projectsbox','hidden');
	setVisibility('fatebox','hidden');
	setVisibility('trackingbox','hidden');
	setVisibility('biomarkersbox','hidden');
	setVisibility('autismbox','hidden');
}