var PanelSlideOut = "";
function collapse(DivId, classoff, classon){
	var Sub = document.getElementById (DivId+"_sub");
		if(Sub.style.display == "none"){
			//document.getElementById (DivId).style.color="#f78f04";
			//document.getElementById ('span').innerHTML=" -";
			//document.getElementById ('span').style.color="#f78f04";
			//document.getElementById (DivId).className= classon;
			//LI.className = "bgtdleft2";
			Sub.style.display = "";
			if (PanelSlideOut != "") collapse(PanelSlideOut, classoff, classon);
			PanelSlideOut = DivId;
		}
		else
		{
			//document.getElementById ('span').innerHTML="+";
			//document.getElementById ('span').style.color="#0c0a5f";
			//document.getElementById (DivId).style.color="#0c0a5f";
			//document.getElementById (DivId).style.color="#F4130D";
			//document.getElementById (DivId).className= classoff;
			//LI.className = "bgtdleft";
			Sub.style.display = "none";
			PanelSlideOut = "";
		}
	}
	
	
function rendercolor(id, normal, clicked)
{
var id = document.getElementById(id);

  for(var i=0; i< myDivsColor.length; i++)
  
  {
	 var myDivsId = document.getElementById(myDivsColor[i]);
	// alert(myDivsId.className);
    // myDivsId.className = normal;
	
		if(myDivsId == normal)
		  {
			  alert (clicked);
			  //alert('true '+myDivsId.className);
				myDivsId.className = clicked;
		  }
		  else {
			  myDivsId.className = myDivsColor[i];
		  }
    }
 
 }	
 
 function changeClass(objId, clicked){
	
document.getElementById(objId).className = clicked;	
	
}