// JavaScript Document

// namespace
if (typeof SeeMore == "undefined" || !SeeMore) {
    var SeeMore = {};
}
if (typeof SeeMore.Sfx == "undefined" || !SeeMore.Sfx) {
  SeeMore.Sfx = {};
}

// Innitiate SFX
SeeMore.Sfx.SetUp = 
{
  Main : function()
  {
   if (window.attachEvent) 
   {
    window.attachEvent("onload", this.pageInit);
   }
   else if (window.addEventListener) 
   { 
    window.addEventListener( "load", this.pageInit, false );
   }
  },
  pageInit : function()
  { 
    SeeMore.Sfx.ExpandCollapse.AttachEvent();

  }
}
// kick off here
SeeMore.Sfx.SetUp.Main();

// expand and collapse seemore
SeeMore.Sfx.ExpandCollapse =
{   
  ExpandCollapseLayer : function(obj)
  {
    var LIobj = obj.parentNode;
    var ULobj = LIobj.getElementsByTagName('ul')[0];
    var SpanContainer = obj;
    if(ULobj.className.indexOf("sfx-seemore") != -1)
    {
      ULobj.className=ULobj.className.replace(new RegExp("\\bsfx-seemore\\b"), "");
      SpanContainer.innerHTML=SpanContainer.innerHTML.replace(new RegExp("檢視更多資訊"), "<strong>顯示較少資訊</strong>");
    }
    else
    {
      ULobj.className += " sfx-seemore";
      SpanContainer.innerHTML=SpanContainer.innerHTML.replace(new RegExp("顯示較少資訊"), "<strong>檢視更多資訊</strong>");
    }

  },
  AttachEvent : function()
  {
    var LIlist = document.getElementsByTagName('li')
    for (i=0; i<LIlist.length; i++)
    {
     if (LIlist[i].className.indexOf("seemore")!= -1)
     {
      var ocText = document.createTextNode("檢視更多資訊");
      var ocLink = document.createElement('a');
	  var ocBold = document.createElement('strong');
      ocLink.href="#"
      ocLink.appendChild(ocText);
	  ocBold.appendChild(ocLink);
      LIlist[i].getElementsByTagName('span')[0].appendChild(ocBold);
      
      var SMLink = LIlist[i].getElementsByTagName('span')[0];
      SMLink.style.cursor = 'pointer';
      SMLink.onclick = function () { SeeMore.Sfx.ExpandCollapse.ExpandCollapseLayer(this);return false }
     }
    }
  }
}