// アイコンのon/offを管理するフラグ
var icon_state =new Array(16);
for( var i = 0 ; i < 16 ; i ++ )
{
    // 最初の状態はoff、一発目のクリックはonなので1にする
    icon_state[i] = 1;
}

//function change_icon(filename,index,imgname,action_path){
//    document[imgname].src=filename+icon_state[index]+".gif";
//    if ( icon_state[index]== 1 )
//    {
//        new Ajax.Request( action_path + "/" + index);
//    }else
//    {
//        $bgmap.removeGMarker(index);
//    }
//    icon_state[index]=1-icon_state[index];
//}

function change_icon(filename_ary,index,imgname,action_path){
    document[imgname].src=filename_ary[icon_state[index]];
    if ( icon_state[index]== 1 )
    {
        new Ajax.Request( action_path + "/" + index);
    }else
    {
        $bgmap.removeGMarker(index);
    }
    icon_state[index]=1-icon_state[index];
}

// filenames, imgnames は配列
function icon_all_on(filenames,imgnames,action_path){
  for ( var i = 0 ; i < 14 ; i ++ )
  {
    document[imgnames[i]].src=filenames[i]+"1.gif";
    if ( icon_state[i]== 1 )
    {
        new Ajax.Request( action_path + "/" + i);
        icon_state[i]=0;
    }
  }
}

function icon_all_off(filenames,imgnames,action_path){
  for ( var i = 0 ; i < 14 ; i ++ )
  {
    document[imgnames[i]].src=filenames[i]+"0.gif";
    if ( icon_state[i]== 0 )
    {
        $bgmap.removeGMarker(i);
        icon_state[i]=1;
    }
  }
}

function menu_icon_clear(prefix) {
    var names = [
        "home",
        "what_is_green_pedal",
        "what_is_pedal_supporter",
        "map_usage",
        "jitetsu",
        "tour",
        "point"];
    path = "images/menu/";
    if (prefix!="") {
        path = prefix + "/" + path;
    }
    for(i=0;i<names.length;i++) {
        document["menu_"+names[i]].src=path+names[i]+".png";
    }
    return;

}

function menu_icon_click(prefix,name) {
    var names = [
        "home",
        "what_is_green_pedal",
        "what_is_pedal_supporter",
        "map_usage",
        "jitetsu",
        "tour",
        "point"];

    path = "images/menu/";
    if (prefix!="") {
        path = prefix + "/" + path;
    }

    for(i=0;i<names.length;i++) {
        if (names[i]==name) {
            document["menu_"+names[i]].src=path+names[i]+"_on.png";
        } else {
            document["menu_"+names[i]].src=path+names[i]+".png";
        }
    }
}

// Select tag callback
//
// ex. <select onchange="select_change(this)">
//
var $select = new Object;
function select_change(s) {
    $select[s.options[s.selectedIndex].value]();
}

document.observe("dom:loaded", function() {
  // the element in which we will observe all clicks and capture
  // ones originating from pagination links
  var container = $(document.body)

  if (container) {
    var img = new Image
    img.src = '/images/spinner.gif'

    function createSpinner() {
      return new Element('img', { src: img.src, 'class': 'spinner' })
    }

    container.observe('click', function(e) {
      var el = e.element()
      if (el.match('.pagination a')) {
        el.up('.pagination').insert(createSpinner())
        new Ajax.Request(el.href, { method: 'get' })
        e.stop()
      }
    })
  }
})