<script type="text/javascript">
// 티스토리용 카테고리 -> 드롭다운 형태로 변신 시키기
function categoryConvert(id){
    var getHtml = '[##_category_list_##]';
    getHtml = getHtml.replace(new RegExp("<ul>", "gi"), "");
    getHtml = getHtml.replace(new RegExp("</ul>", "gi"), "");
    getHtml = getHtml.replace(new RegExp("</li>", "gi"), "");
    getHtml = getHtml.replace(new RegExp("</a>", "gi"), "");
    getHtml = getHtml.replace(new RegExp("<li class=\"(.*)\"><a(.*)", "gi"), "<li><a class=\"selected\""+"$2");

    var getSelect    = "";
    var tmpSplitA    = "";
    var tmpSplitB    = "";
    var subLine        = "";
    var getSelected = "";
    var regSplit    = getHtml.split("<li>");
    var regLink        = new RegExp('<a(.*)href="(.*)">(.*) <span.*', 'i');
    var regTitle    = new RegExp('<a[^>]*>(.*) <span .*?>', 'i');
    var regCnt        = new RegExp('<span class="c_cnt">(.*)</span>', 'i');
    var selectStart    = "<select id=\"s_Category\" onchange=\"location.href=''+this.value;\">\n";
    var selectEnd    = '</select>\n';

    for(var i=1; i<regSplit.length; i++){
        getLink        = regLink.exec(regSplit[i]);
        getTitle    = regTitle.exec(regSplit[i]);
        getCnt        = regCnt.exec(regSplit[i]);
        tmpSplitA    = regSplit[2].split("/");
        tmpSplitB    = regSplit[i].split("/");
        getSelected = getLink[1].replace(" ","").length;
        if(getSelected != 0) getSelected = " selected";
        if(tmpSplitA.length < tmpSplitB.length){subLine = " - ";}else{subLine=""};
        getSelect    = getSelect + '\t<option value="' + getLink[2] + '" '+getSelected+'>' + subLine + getTitle[1] + ' ' + getCnt[1] + '</option>\n';
    }
    return document.getElementById(id).innerHTML = selectStart + getSelect + selectEnd;
}
</script>

<div id="CategorySelectbox"><script type="text/javascript">categoryConvert("CategorySelectbox");</script></div>

<s_sidebar_element>
<!-- 카테고리 모듈 -->
<div class="category">
    <h3>카테고리</h3>
    <!-- [# #_category_list_# #] -->
    <div id="CategorySelectbox"><script type="text/javascript">categoryConvert("CategorySelectbox");</script></div>
</div>
</s_sidebar_element>

<div class="archive_window" id="archive_window">
    <script>
        <s_archive_rep>
                                    write_convertArchive("[##_archive_rep_link_##]","[##_archive_rep_date_##]","[##_archive_rep_count_##]");
        </s_archive_rep>
    </script>
</div>    
<div class="archive" id="archive">
    <div class="archive_button"><img src="./images/archive_button.gif" border="0"></div>
        <div class="clear: both;"></div>
    </div>                        

    <script type="text/javascript">
        at_attach("archive", "archive_window", "click", "y", "pointer");
    </script>

function write_convertArchive(link,date,cnt)
{
    var aa = date.split("/");
    var hdate = aa[0] + "년 " + aa[1] + "월";
    document.write(    "<div class='archive_window_data'><a href='"+link+"'>"+ hdate +" ("+ cnt + ")</a></div>" );
}

function at_attach(parent, child, showtype, position, cursor)
{
  p = document.getElementById(parent);
  c = document.getElementById(child);

  p["at_parent"]     = p.id;
  c["at_parent"]     = p.id;
  p["at_child"]      = c.id;
  c["at_child"]      = c.id;
  p["at_position"]   = position;
  c["at_position"]   = position;

  c.style.position   = "absolute";
  c.style.visibility = "hidden";

  if (cursor != undefined) p.style.cursor = cursor;

  switch (showtype)
  {
    case "click":
      p.onclick     = at_click;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
    case "hover":
      p.onmouseover = at_show;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
  }
}