/**************************************
*Filename:      setTab标签切换js
*Version:       1.0.0(2009-04-24)
*Author:        jasy[TMUED]

参数说明：
id1:标签切换父容器的ID
tag1:标签切换的相应标签
tabclass:标签选中状态的class
id2:切换内容的父容器ID
tag2:切换内容的相应子标签
changeEvent:标签切换的触发事件(值为click时为点击切换,值为hover时为鼠标经过切换)
changeTime:是否定时切换changeTime值即为定时切换间隔时间，无则不定时切换)
isClick:是否单击开关内容区(可选true或false值);
isClickAll:是否单独开关内容区（可选true或false值）;
fadeTime:是否渐显效果,值为渐显速度.无值则为无渐显动画;
isReturnFalse:是否return false;
(提示：IE下id2的tag2须CSS触发IE的layout属,例如设置zoom:1即可.)
isConIdNum:是否内容区以id+数字下标的方式.
onNum:默认打开状态
***************************************/

//标签切换主函数
function x_setTab(tabId, tag1, tabclass, conId, tag2, changeEvent, changeTime, isClick, isClickAll, fadeTime, isReturnFalse, isConIdNum, onNum) {
  var tli = document.getElementById(tabId).getElementsByTagName(tag1);
  if (!isConIdNum) {
    var cli = document.getElementById(conId).getElementsByTagName(tag2);
  }

  var opaStep = 0.1;
  var isScroll = true;
  for (i = 0; i < tli.length; i++) {
    if (isConIdNum) {
      document.getElementById(conId + i).style.display = "none";
    } else {
      cli[i].style.display = "none";
    }
  }
  tli[onNum].className = tabclass;
  if (isConIdNum) {
    document.getElementById(conId + onNum).style.display = "block";
  } else {
    cli[onNum].style.display = "block";
  }
  for (i = 0; i < tli.length; i++) {
    tli[i].value = i;
    tli[i].onmouseout = function() {
      isScroll = true;
    }
    tli[i].onmouseover = function() {
      isScroll = false;
    }
    if (changeEvent == "click") {
      tli[i].onclick = function() {
        setTabCon(this.value);
        if (isReturnFalse) {
          return false;
        }
      }
    } else if (changeEvent == "hover") {
      tli[i].onmouseover = function() {
        setTabCon2(this.value);
        isScroll = false;
      }
      tli[i].onclick = function() {
        setTabCon(this.value);
        if (isReturnFalse) {
          return false;
        }
      }
    }
  }

  //设置标签标题与内容切换
  function setTabCon(n) {
    if (isClickAll) {
      tli[n].className = (tli[n].className == tabclass) ? "": tabclass;
      if (fadeTime) {
        if (isConIdNum) { (document.getElementById(conId + n).style.display == "block") ? fadeOut(document.getElementById(conId + n)) : fadeIn(document.getElementById(conId + n));
        } else { (cli[n].style.display == "block") ? fadeOut(cli[n]) : fadeIn(cli[n]);
        }
      } else {
        if (isConIdNum) {
          document.getElementById(conId + n).style.display = (document.getElementById(conId + n).style.display == "block") ? "none": "block";
        } else {
          cli[n].style.display = (cli[n].style.display == "block") ? "none": "block";
        }
      }
    } else if (isClick) {
      for (j = 0; j < tli.length; j++) {
        if (n == j) {
          tli[j].className = (tli[j].className == tabclass) ? "": tabclass;
        } else {
          tli[j].className = "";
        }
        if (isConIdNum) {
          if (fadeTime) {
            if (n == j) {
              if (document.getElementById(conId + j).style.display == "none") {
                fadeIn(document.getElementById(conId + j));
              } else {
                fadeOut(document.getElementById(conId + j))
              };
            } else {
              document.getElementById(conId + j).style.display = "none";
              /*fadeOut(document.getElementById(conId+j));*/
            }
          } else {
            document.getElementById(conId + j).style.display = n == j ? "block": "none";
          }
        } else {
          if (fadeTime) {
            if (n == j) {
              if (cli[j].style.display == "none") {
                fadeIn(cli[j]);
              } else {
                fadeOut(cli[j])
              };
            } else {
              cli[j].style.display = "none";
              /*fadeOut(cli[j]);*/
            }
          } else {
            cli[j].style.display = n == j ? "block": "none";
          }
        }
      }
      onNum = n;
    } else {
      for (j = 0; j < tli.length; j++) {
        tli[j].className = n == j ? tabclass: "";
        if (isConIdNum) {
          if (fadeTime) {
            if (n == j) {
              if (document.getElementById(conId + j).style.display == "none") {
                fadeIn(document.getElementById(conId + j));
              }
            } else {
              document.getElementById(conId + j).style.display = "none";
              /*fadeOut(document.getElementById(conId+j));*/
            }
          } else {
            document.getElementById(conId + j).style.display = n == j ? "block": "none";
          }
        } else {
          if (fadeTime) {
            if (n == j) {
              if (cli[j].style.display == "none") {
                fadeIn(cli[j]);
              }
            } else {
              cli[j].style.display = "none";
              /*fadeOut(cli[j]);*/
            }
          } else {
            cli[j].style.display = n == j ? "block": "none";
          }
        }
      }
      onNum = n;
    }
  }

  //设置标签标题与内容切2
  function setTabCon2(n) {
    for (j = 0; j < tli.length; j++) {
      tli[j].className = n == j ? tabclass: "";
      if (isConIdNum) {
        if (fadeTime) {
          if (n == j) {
            if (document.getElementById(conId + j).style.display == "none") {
              fadeIn(document.getElementById(conId + j));
            }
          } else {
            document.getElementById(conId + j).style.display = "none";
            /*fadeOut(document.getElementById(conId+j));*/
          }
        } else {
          document.getElementById(conId + j).style.display = n == j ? "block": "none";
        }
      } else {
        if (fadeTime) {
          if (n == j) {
            if (cli[j].style.display == "none") {
              fadeIn(cli[j]);
            }
          } else {
            cli[j].style.display = "none";
            /*fadeOut(cli[j]);*/
          }
        } else {
          cli[j].style.display = n == j ? "block": "none";
        }
      }
    }
    onNum = n;
  }

  //设置透明度
  function setAlpha(obj, opa) {
    document.all ? obj.style.filter = "Alpha(opacity=" + opa * 100 + ")": obj.style.opacity = opa;
  }

  //渐显
  function fadeIn(obj) {
    obj.style.display = "block";
    var opa = 0;
    function setFadeIn() {
      if (opa < 1) {
        setAlpha(obj, opa);
        opa += opaStep;
        setTimeout(setFadeIn, fadeTime);
      }
    }
    setFadeIn();
  }

  //渐隐
  function fadeOut(obj) {
    var opa = 1;
    function setFadeOut() {
      if (opa > 0) {
        setAlpha(obj, opa);
        opa -= opaStep;
        setTimeout(setFadeOut, fadeTime);
      } else {
        obj.style.display = "none";
      }
    }
    setFadeOut();
  }

  //定时切换
  if (changeTime) {
    function setTiming() {
      if (isScroll) {
        setTabCon2(onNum);
        onNum++;
        onNum = (onNum == tli.length) ? 0 : onNum;
      }
      setTimeout(setTiming, changeTime);
    }
    setTiming();
  }
}