function startBlock(name, indent) {
	indent = 20 * (1 + indent);
	document.write('<div id="block_' + name + '" style="display: none; margin-left: ' + indent + 'px;" >');
}

function endBlock() {
	document.write('</div >');
}


function toggleBox(szDivID, iState, img, path)
{
//expanded or collapsed is decided by the image object it receives it receives
//iState = 1 visible (display="") , iState= 0 hidden (display=none)
// default display(exp/collap) is govered by style attribute  specified in div, If style is not
// specifed then it will take attributes from class demo1 which say default visible
	var name;
	var i=0;
	var imgObj;
      if(document.getElementById){ //IE
		imgObj=  document.getElementById(img);
		name1=imgObj.src;
      }
	else if(document.layers) { //NN
		imgObj=  document.layers(img);
		name1=imgObj.src;
      }
     	var firstindex=name1.lastIndexOf("/");
     	firstindex++;
     	var imgname=name1.substring(firstindex,name1.length);
	if(imgname=="book_open.gif"){
      	iState=0;
         	if(i==0)
         		imgObj.src=path+'book_closed.gif'; 
         	else if(i==1)
           		imgObj.src=path+'book_closed.gif';
     	}
      else {
          	iState=1;
          	if(i==0)
         		imgObj.src=path+'book_open.gif';
         	else if(i==1)
           		imgObj.src=path+'book_open.gif';
      }
	if(document.layers)	   //NN4+
    	{
      	document.layers[szDivID].visibility = iState ? "show" : "hide";
      	document.layers[szDivID].display = iState ? "" : "none";
    	}
    	else if(document.getElementById)	  //gecko(NN6) + IE 5+
    	{
      	var obj = document.getElementById(szDivID);
        	obj.style.visibility = iState ? "visible" : "hidden";
        	if(iState==0)
         		obj.style.display="none";
        	else
         		obj.style.display="";
    	}
    	else if(document.all)	// IE 4
    	{
      	document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
      	document.all[szDivID].style.display = iState ? "" : "none";
    	}
}


function menuShrink() {
	top.frame_left.shrinkColumn();
  	document.getElementById('growButton').style.display='';
    document.getElementById('shrinkButton').style.display='none';
    document.getElementById('menuTable').style.display='none';
   	document.getElementById('menuTop').style.display='none';
   	document.getElementById('menuRuler').style.display='none';
}

function menuGrow() {
	top.frame_left.growColumn();
 	document.getElementById('growButton').style.display='none';
   	document.getElementById('shrinkButton').style.display='';
	document.getElementById('menuTable').style.display='';
   document.getElementById('menuTop').style.display='';
   document.getElementById('menuRuler').style.display='';
   
}