function size(id){

var obj = document.getElementById(id);
 
 if(obj.style.display != 'block'){
     obj.style.display = 'block';
     obj.parentNode.style.backgroundColor = 'white';
     turn('on',obj);
 }else{
   obj.style.display = 'none';
   obj.parentNode.style.backgroundColor = 'transparent';
   turn('off',obj);
  }

}

function turn(tog,obj){

  var nodes = obj.parentNode.parentNode.childNodes;

  for (i=0;i<=nodes.length;i++){
   
 	classy = nodes[i].className;
	 
    if(classy == 'topPanel' || classy == 'bottomPanel'){
        switch (tog)
        {
        case 'on':
        nodes[i].style.visibility = 'visible';
 
        break;
        case 'off':
	 
        nodes[i].style.visibility = 'hidden';
        nodes[i].style.visibility = '';
		 break;
        } 

      }	

  
  }

}