anchor.diff:  (function(){
       var assetPath = function(name) {
           // for wnw rails environment
  -        return "<%= asset_path('wnw_show/list/" + name + "') %>";
  +        //return "<%= asset_path('wnw_show/list/" + name + "') %>";
           // for local test
  -        //return "/wnw_show/vendor/assets/images/wnw_show/list/" + name;
  +        return "/wnw_show/vendor/assets/images/wnw_show/list/" + name;
       };
   
       // -------------------------------------
       // 定数
       // -------------------------------------
  -
  +    var IMAGE_RATIO = 0.6; //画像の拡大サイズ
       var LEFT_MARGIN = 50; //左のマージン
       var TOP_MARGIN = 200; //上のマージン
  -    var Y_SPAN = 300; //写真の縦の間隔
  +    var Y_SPAN = 250; //写真の縦の間隔
       var ROW_NO = 4; //写真の列数
  -    var SQEW_SPAN = 50; //写真の配置のゆがみ
  +    var SQEW_SPAN = 30; //写真の配置のゆがみ
       var ROTATE_DEGREE = 2; //画像の傾き角度の最大値
       var PHOTO_DEL_Y = 500;//画像が消えるときに移動するY方向
       var PHOTO_DEL_X_SPAN = 100;//画像が消えるときに移動するX方向の幅
  +
       var PIN_TOP = -10; //ピンが写真のトップからx方向にどれだけずれているか
       var PIN_DEL_Y = -200;//ピンが消えるときに移動するY方向
       var PIN_DEL_X_SPAN = -100;//ピンが消えるときに移動するX方向の幅
  +    var PIN_WIDTH = 20; //ピンの横幅
  +    var PIN_IMAGE_PREFIX = "/images/pin-";//ピン画像の接頭辞
  +    var PIN_IMAGE_SURFIX = ".png"; //ピン画像の接尾辞
  +
       var ADD_IMAGE_RANGE_X = 1000;//画像が追加されるときのX座標の範囲
       var ADD_IMAGE_RANGE_Y = 0;//画像が追加されるときのY座標の範囲
       var ZOOM_TIME = 300;//画像が拡大する時の時間[ms]
  -    var PIN_IMAGE_PREFIX = "/images/pin-";//ピン画像の接頭辞
  -    var PIN_IMAGE_SURFIX = ".png"; //ピン画像の接尾辞
       var SOUND_FILE = "/sounds/SoundUnit.swf";//ピンが抜ける音
       var SOUND_CODEBASE = "/sounds/swflash.cab";//音の再生
       var SEITON_BTN_IMAGE = assetPath('seiton.png');//整頓ボタン画像
  -    var DELETE_BTN_IMAGE =  assetPath('delete.png');//削除ボタン画像
  +    var SEITON_LEFT = 1000;//整頓ボタン画像
  +    var SEITON_TOP = 20;//整頓ボタン画像
  +    //    var DELETE_BTN_IMAGE =  assetPath('delete.png');//削除ボタン画像
       var BACKGROUND_IMAGE = assetPath('bord.jpg');//背景画像
       var LOADING_IMAGE = assetPath('loading.gif');//ロード中画像
       var DRAG_DISTANCE = 10 ;//これ以上座標を動かすとドラックとみなす
  -    var Z_INDEX_LOGO = 0;
  -    var Z_INDEX_MESSAGE = 0;
  +    var MOJI_Z_INDEX = 0;
       var Z_INDEX_BUTTON = 1000;
       var Z_INDEX_ZOOM = 1001;
       var Z_INDEX_NEXT_PREV = 1002;
       var NEXT_BUTTON_ID = "nextButton";
       var PREV_BUTTON_ID = "prevButton";
  +    // ロゴ
  +    var LOGO_WIDTH = 140;
  +    //var LOGO_HEIGHT = 150;
  +    var LOGO_LEFT = 50;
  +    var LOGO_TOP = 30;
  +    var LOGO_Z_INDEX = 0;
  +    // 文字
  +    var MOJI_TOP  = 35;
  +    var MOJI_LEFT = 200;
  +    var MOJI_SIZE = 40;
  +    var MOJI_WIDTH= 1000;
  +
       // -------------------------------------
       // 変数
       // -------------------------------------
  
positive.code:             leftside = gImgList[no - 1];
              var orgleft = leftside.offset().left + leftside.width();
          }
          orgtop += rand1(SQEW_SPAN);
          orgleft += rand1(SQEW_SPAN);
          //実際に表示するのはランダムな位置
          gZIndexMax += 1;
          viewImage(url, rand1(ADD_IMAGE_RANGE_Y),rand1(ADD_IMAGE_RANGE_X),gZIndexMax,orgtop,orgleft,function(){});
  
negative.code:         );
  
          //削除ボタン箱
          // $("#bord").append(
          //     $("<img/>")
          //         .attr("id","gomi")
          //         .attr("src", DELETE_BTN_IMAGE)
          //         .css({"position":"absolute" ,
          //               "top":10 ,
          //               "left":1000 ,
          //               "z-index" :Z_INDEX_BUTTON})
          //         .click(function(){alert("削除したい写真をここにドロップしてください");})
          //         .droppable({
          //             drop: function(e,ui) {
          //                 if (confirm("メッセージを削除しますか?")){
          //                     var img = $("#" + ui.draggable.attr("id"));
          //                     // call delete api
          //                     var url = img.attr('msg_id');
          //                     $.ajax({type: "delete",url: url});
          //                     img.css({"display":"none"});
  
          //                 }
          //             },
          //             tolerance: "pointer"
          //         }));
  
          //整頓ボタン
          $("#bord").append(
  