var accordion=function(){
  function slider(n){
    return this;
  }
  slider.prototype.init=function(t,c,k){
    init_event("menu", c);
  }
  return {slider:slider}
}();

// for onload
function init() {
}

function init_event(menu, open_ele) {
  menu = $(menu);
  var items = menu.getElementsByTagName('div');
  for (var i = 0; i < items.length; i++) {
    var h3 = items[i].getElementsByTagName('h3')[0];
    var ul = items[i].getElementsByTagName('ul')[0];
    h3.id = "menu" + i;
    ul.id = "submenu" + i;
    if (!open_ele.match(i)) {
      ul.style.display = "none";
      var img = h3.getElementsByTagName("img")[0];
      var src = img.src;
      var file = getFileName(src);
      var dir = getDirName(src);
      img.src = dir + file.replace("close", "open");
    }
    Event.observe(h3, "click", h3Click, false);
    Event.observe(h3, "mouseover", h3MouseOver, false);
    Event.observe(h3, "mouseout", h3MouseOut, false);
  }
  Event.observe($("menu-top"), "mouseover", function(){
    var src = this.getElementsByTagName("img")[0].src;
    var file = getFileName(src);
    var dir = getDirName(src);
    this.getElementsByTagName("img")[0].src = dir + file.replace("normal", "selected");
  }, false);
  Event.observe($("menu-top"), "mouseout", function(){
    var src = this.getElementsByTagName("img")[0].src;
    var file = getFileName(src);
    var dir = getDirName(src);
    this.getElementsByTagName("img")[0].src = dir + file.replace("selected", "normal");
  }, false);
}
var blinding = false;
function h3Click() {
  if (blinding) return;
  var ele = "sub" + this.id;
  var img = this.getElementsByTagName("img")[0];
  blinding = true;
  if($(ele).visible()) {
    new Effect.BlindUp(ele, {duration: 0.3, afterFinish: function(){blinding = false}});
    new Effect.Fade(ele, {duration: 0.3});
    var src = img.src;
    var file = getFileName(src);
    var dir = getDirName(src);
    img.src = dir + file.replace("close", "open");
  } else {
    new Effect.BlindDown(ele, {duration: 0.3, afterFinish: function(){blinding = false}});
    new Effect.Appear(ele, {duration: 0.3});
    var src = img.src;
    var file = getFileName(src);
    var dir = getDirName(src);
    img.src = dir + file.replace("open", "close");
  }
}

function h3MouseOver() {
  this.style.color = "yellow";
  var img = this.getElementsByTagName("img")[0];
  var src = img.src;
  var file = getFileName(src);
  var dir = getDirName(src);
  img.src = dir + file.replace("normal", "selected");
}
function h3MouseOut() {
  this.style.color = "white";
  var img = this.getElementsByTagName("img")[0];
  var src = img.src;
  var file = getFileName(src);
  var dir = getDirName(src);
  img.src = dir + file.replace("selected", "normal");
}


//button ON/OFF/////////////////////////////////////////////
function Btn_on(id){
    var src = document.images["btn_" + id].src;
    var file = getFileName(src);
    var dir = getDirName(src);
	document.images["btn_" + id].src = dir + file.replace("off", "on");
}
function Btn_off(id){
    var src = document.images["btn_" + id].src;
    var file = getFileName(src);
    var dir = getDirName(src);
	document.images["btn_" + id].src = dir + file.replace("on", "off");
}

function Srch_on(obj){
    var src = obj.src;
    var file = getFileName(src);
    var dir = getDirName(src);
    obj.src = dir + file.replace("off", "on");
}
function Srch_off(obj){
    var src = obj.src;
    var file = getFileName(src);
    var dir = getDirName(src);
    obj.src = dir + file.replace("on", "off");
}

function getFileName(src) {
    var index = src.lastIndexOf("/");
    return src.substring(index + 1, src.length);
}
function getDirName(src) {
    var index = src.lastIndexOf("/");
    return src.substring(0, index + 1);
}