

window.addEvent("domready",function(){

  var today = new Date();

  var targetUrl = "/js/main_img_en.json?t=" + today.getTime();

  var container = $("container_new");

  var fx = [];
  var fx2 = [];
  var setDelay = [];

  var next = prev = set = 0;

  var addImages = function(tickerObject){

           //PICKUP背景
           var tickerBG = new Element("div",{"id":"tickerBG",
                            styles:{
                             "height":"250px",
                             "width":"980px",
                             "background":"url(/img/js_img/ms_bg_en.png) no-repeat center center",
                             "position":"absolute",
                             "top":0,
                             "left":0,
                             "z-index":5
                            }
                          });


           //権利表記
           var rightsImg = new Element("a",{"id":"rightsImg",
                            'href':"http://www.konami.co.jp/en/siteinfo/license.html",
                            styles:{
                             "height":"15px",
                             "width":"190px",
                             "background":"url(/img/js_img/c_en.png) no-repeat center center",
                             "position":"absolute",
                             "top":235,
                             "left":790,
                             "z-index":7
                            }
                          });

          tickerBG.inject(container.getLast(),"after");
          rightsImg.inject(container.getLast(),"after");

          var imgCount = 0;
          tickerObject.each(function(vAlues){

            //背景画像
            var bg = new Element("div",{"id":"bg_body"+imgCount,
                    styles:{
                     "height":"250px",
                     "width":"980px",
                     "background":"url("+vAlues.imageSrc+") no-repeat center center",
                     "position":"absolute",
                     "top":0,
                     "left":0,
                     "z-index":1
                   }
                 });

            //PICKUPのテキスト
            var ticker = new Element("a",{"id":"ticker"+imgCount,"class":"tickerClass",
                       'href':vAlues.itemUrl,
                       'html':vAlues.itemTitle + "　" + vAlues.itemText,
                       styles:{
                         //"color":"#fff",
                         "font-size":"13px",
                         "font-weight":"bold",
                         "position":"absolute",
                         "top":214,
                         "left":100,
                         "z-index":10
                       }
                     });

                     container.setStyle("background","none");

                     bg.inject(container.getLast(),"after");
                     fx[imgCount] = new Fx.Tween(bg,{duration:vAlues.duration,property:"opacity"}).set(0);

                     ticker.inject(container.getLast(),"after");
                     fx2[imgCount] = new Fx.Tween(ticker,{duration:vAlues.textDuration,property:"opacity"}).set(0);

                     setDelay[imgCount] = vAlues.delayVal;

          imgCount++;

        });

        fx[0].start(1);
        fx2[0].start(1);
        next++;
        set++;
        Repeat.delay(setDelay[0]);
      }

  var Repeat = (function(){
    fx[prev].start(0);
    fx[next].start(1);
    fx2[prev].start(0);
    fx2[next].start(1);
    next = (tickerObject.length-1> next ) ? next+1 : 0;
    prev = (0> next-1)? tickerObject.length-1 : next-1;
    Repeat.delay(setDelay[set]);
    set = (tickerObject.length-1 > set ) ? set+1 : 0;
  });


  var request = new Request.JSON({method:'get',url: targetUrl, 

     onComplete: function(v) {
       tickerObject = v.items;
       addImages(v.items);
     },
     onError:function(){
       new Request.JSON({method:'get',url:targetUrl,
         onComplete:function(v) {
           tickerObject = v.items;
           addImages(v.items);
         }
       }).send();
     }

  }).send();


 });
