function changePanel(panelName, panelId, numOfPanel)
{  
   for(var i = 1; i <= numOfPanel; i++)
   {
      var panel = panelName + i;
      var title = panelName + "title" + i;
      if(i != panelId)
      {
        document.getElementById(panel).style.display="none";
        document.getElementById(title).className = "normal";
        document.getElementById(title).setAttribute("class", "normal");
      }
      else
      {
        document.getElementById(panel).style.display="block";
        document.getElementById(title).className = "active";
        document.getElementById(title).setAttribute("class", "active");
      }
   }
}

function changePanel2(panelName, panelId, numOfPanel)
{  
   for(var i = 1; i <= numOfPanel; i++)
   {
      var panel = panelName + i;
      var title = panelName + "title" + i;
      if(i != panelId)
      {
        document.getElementById(panel).style.display="none";
        document.getElementById(title).style.background="url(../images/cd_tit_b.gif)";
        document.getElementById(title).style.color="#000";
      }
      else
      {
        document.getElementById(panel).style.display="block";
        document.getElementById(title).style.background="url(../images/cd_tit_a.gif)";
        document.getElementById(title).style.color="#FFF";
      }
   }

}
//ÉèÖÃÀà
function changePanel3(panelName, panelId, numOfPanel, clsName) {
    if (document.getElementById(panelName + panelId).className != clsName) {
        for (var i = 1; i <= numOfPanel; i++) {
            var title = panelName + i;
            var p = document.getElementById(title);
            var p_c = document.getElementById(title + "_c");
            if (i != panelId) {
                p.className = "";
                p.setAttribute("class", "");
                p_c.style.display = "none";
            }
            else {
                p.className = clsName;
                p.setAttribute("class", clsName);
                p_c.style.display = "";
            }
        }
    }
}