function initRollOverImages() {
  var image_cache = new Object();
  $("img.swap").each(function(i) {
    var imgsrc = this.src;
    var dot = this.src.lastIndexOf('.');
    var imgsrc_o = this.src.substr(0, dot) + '_o' + this.src.substr(dot, 4);
    image_cache[this.src] = new Image();
    image_cache[this.src].src = imgsrc_o;
    $(this).hover(
      function() { this.src = imgsrc_o; },
      function() { this.src = imgsrc; });
  });
}

$(document).ready(initRollOverImages);



// setupPlaceholder 
$.fn.setupPlaceholder = function() {
    return this.each(function(){
        var input = $(this),
            title = input.attr("title"),
            edited = false; // 編集したかどうかのフラグ

        input.bind("focus", function(e) {
            if (!edited && input.val() == title) {
                input.val("");
            }
            // input の class に on を設定する
            input.removeClass("off").addClass("on");
            edited = true;
        }).bind("blur", function(e) {
            if (input.val() == "" || (!edited && input.val() == title)) {
                // input の class に off を設定する
                input.removeClass("on").addClass("off");
                input.val(title);
                edited = false;
            }
        }); 

        // 自動で入れた値は送信しないようにする
        input.parents("form").submit(function(){
            if (!edited && input.val() == title) {
                input.val("");
            }
        }); 

        input.trigger("blur");
    });
};

$(function() {
$("#tmnaviform input:text").setupPlaceholder();
});