/* used to show/hide page content */
/* 
This funtion takes 5 parameters, and will switch the text title(textShow/textHide) 
*/
function toggleHideShowWithText(content,iconShow,iconHide,textShow,textHide){
    var state = document.getElementById(content).style.display;
     if(state=="" || state=="none"){         
	     document.getElementById(content).style.display = "block";
	     document.getElementById(iconShow).style.display = "none";
 	     document.getElementById(iconHide).style.display = "inline"; 	      
         document.getElementById(textHide).style.display = "inline";
	     document.getElementById(textShow).style.display = "none";
	     
     }
     else
     {
	     document.getElementById(content).style.display = "none";
	     document.getElementById(iconShow).style.display = "inline";
 	     document.getElementById(iconHide).style.display = "none"; 	 	 	  	     
 	     document.getElementById(textHide).style.display = 	"none";
 	     document.getElementById(textShow).style.display = "inline"; 
     }
}

/* used only to shows content - hiding disabled */
/* 
This funtion takes 5 parameters
*/
function toggleShowWithText(content,iconShow,iconHide,textShow,textHide){
    var state = document.getElementById(content).style.display;
    if(state=="" || state=="none"){         
	     document.getElementById(content).style.display = "block";
	     document.getElementById(iconShow).style.display = "none";
 	     document.getElementById(iconHide).style.display = "inline"; 	      
         document.getElementById(textHide).style.display = "inline";
	     document.getElementById(textShow).style.display = "none";
	     
     }     
}

/* used to turn page content on and off */
/* 
This funtion takes 3 parameters, and will NOT change the text title
*/
function toggleHideShow(content,iconShow,iconHide){
  var state = document.getElementById(content).style.display;
     if(state=="" || state=="none"){
	     document.getElementById(content).style.display = "block";
	     document.getElementById(iconShow).style.display = "none";
 	     document.getElementById(iconHide).style.display = "inline";
     }
     else
     {
	     document.getElementById(content).style.display = "none";
	     document.getElementById(iconShow).style.display = "inline";
 	     document.getElementById(iconHide).style.display = "none"; 	 	 	  	      	      	     
     }
}

/* used only to show content - hiding disabled */
/* 
This funtion takes 3 parameters, and will NOT change the text title
*/
function toggleShow(content,iconShow,iconHide)
{
    var state = document.getElementById(content).style.display;
    if(state=="" || state=="none"){
	    document.getElementById(content).style.display = "block";
	    document.getElementById(iconShow).style.display = "none";
 	    document.getElementById(iconHide).style.display = "inline";
    }    
}
