window.onload = function() {
  sitemapShow();
 var params = UrlParams.parse();
  charaSetUP();
  if(params["n"]){
    var num = new Number(params["n"]);
    charaToggle(num);
  }else{
    charaToggle(1);
  }
}
UrlParams = {
  separator: {
    params: "&",
    keyvalue: "="
  },
  
  parse: function() {
    var parts = location.href.split("?");
    var params = {};
    if (parts.length == 2) {
      var values = parts[1].split(this.separator.params);
      var kv;
      for (var i = 0, length = values.length; i < length; i++) {
        kv = values[i].split(this.separator.keyvalue);
        if (kv.length == 2) {
          params["" + kv[0]] = "" + decodeURI(kv[1]);
        }
      }
    }
    return params;
  },
  
  update: function(file_name, params) {
    var parts = location.href.split("?");
    var concated_params = "?";
    if (parts[0].match(file_name)) {
      for (var p in params) {
        concated_params += p +
                           this.separator.keyvalue +
                           encodeURI(params[p]) +
                           this.separator.params;
      }
      location.href = parts[0] + concated_params;
    }
  }
};


function charaSetUP(){
  var tar = $("#categoryList li");
  tar.each(function(i){
    $(this).attr("id","category_"+(i+1));
  })
    .children("a").click(function(){
      var cateID = $(this).parent('li').attr("id");
      charaToggle(cateID.split("_")[1]);
    });
}

function charaToggle(num){
  var tar = $("#categoryList li");
  tar.children("a").each(function(i){
    var dsp =((i+1)==num)? "block" : "none" ;
    $(this).next(".ipf").css("display",dsp);
    $(this).next(".ipf").next("p").css("display",dsp);
  });
}

