//*************************************************
//エントランスのセンタリング
//*************************************************
function Centering()
{
  var myDiv = $("div");
  if($(window).width() > myDiv.outerWidth())
  { myDiv.css("left",Math.floor(($(window).width() - myDiv.outerWidth()) / 2)); }
  if($(window).height() > myDiv.outerHeight())
  { myDiv.css("top",Math.floor(($(window).height() - myDiv.outerHeight()) / 2.25)); }
}

//*************************************************
//画像のリンク切れ
//*************************************************
function NoImage(myThisEle)
{
  myThisEle.parentNode.removeChild(myThisEle);
}

//*************************************************
//バナー画像リンク切れ
//*************************************************
function NoBanner(myThisEle)
{
  var myNewEle = document.createElement('div');

  myNewEle.innerHTML = "No Banner";
  myNewEle.style.backgroundColor = '#333';
  myNewEle.style.color = '#aaa';
  myNewEle.style.textDecoration = 'none';
  myNewEle.style.fontWeight = 'bold';
  myNewEle.style.textAlign = 'center';
  myNewEle.style.cursor = 'pointer';

  myNewEle.style.width = '88px';
  myNewEle.style.height = '25px';
  myNewEle.style.paddingTop = '6px';

  myThisEle.parentNode.replaceChild(myNewEle, myThisEle);
}


//*************************************************
//オンロード
//*************************************************
function JnsMriOnLoad() {
  //ボカラー
  if (location.hostname.indexOf("jns-grp.net") >= 0) {
    $("h1").css("background-color", "#39f");
    $("div#Header").css("border-color", "#39f");
    $("div#Belly").css("border-color", "#39f");
    $("div#Footer").css("border-color", "#39f");
  }
  else if (location.hostname.indexOf("av-mirai.com") >= 0) {
    $("h1").css("background-color", "#f93");
    $("div#Header").css("border-color", "#f39");
    $("div#Belly").css("border-color", "#f39");
    $("div#Footer").css("border-color", "#f39");
  }

  //サイトロゴ
  if (location.hostname.indexOf("jns-grp.net") >= 0)
    $("a.SiteLogo").html("<img src=\"/Images/SiteLogo-Jns.gif\" alt=\"\" />");
  else if (location.hostname.indexOf("av-mirai.com") >= 0)
    $("a.SiteLogo").html("<img src=\"/Images/SiteLogo-Mri.gif\" alt=\"\" />");

  //エキストラリンク
  if (location.hostname.indexOf("jns-grp.net") >= 0)
    $("p.ExtraLank").html("<a href=\"http://www.av-mirai.com/Index.aspx\"><img src=\"/Images/SiteLogo-Mri.gif\" alt=\"\" /></a>");
  else if (location.hostname.indexOf("av-mirai.com") >= 0)
    $("p.ExtraLank").html("<a href=\"http://www.jns-grp.net/Index.aspx\"><img src=\"/Images/SiteLogo-Jns.gif\" alt=\"\" /></a>");

  //メニューレンダーレーベル
  $.get("/UserData/Labels.xml", function (myXmlDoc) {
    var myFilter = "Label";
    var myItems = $(myXmlDoc).find(myFilter);

    var myOutput = "<table cellspacing=\"0\">";
    var myItemCount = 0;
    while (myItemCount < myItems.length) {
      myOutput += "<tr>";
      var myTdCount = 0;
      while (myTdCount < 2) {
        if (myItemCount < myItems.length) {
          myValue = "Label;" + myItems.eq(myItemCount).attr("Memo");
          myOutput += "<td><a href=\"ItemList.aspx?Value=" + encodeURI(myValue) + "\">" + myItems.eq(myItemCount).attr("Memo") + "</a></td>";
        }
        else {
          myOutput += "<td>&nbsp;</td>";
        }
        myTdCount = myTdCount + 1;
        myItemCount++;
      }
      myOutput += "</tr>";
    }
    myOutput += "</table>";

    $('div.MenuLabelBox').html(myOutput);
  });

  //メニューレンダーカテゴリー
  $.get("/UserData/Categorys.xml", function (myXmlDoc) {
    var myFilter = "Category";
    var myItems = $(myXmlDoc).find(myFilter);

    var myOutput = "<table cellspacing=\"0\">";
    var myItemCount = 0;
    while (myItemCount < myItems.length) {
      myOutput += "<tr>";
      var myTdCount = 0;
      while (myTdCount < 2) {
        if (myItemCount < myItems.length) {
          myValue = "Category;" + myItems.eq(myItemCount).attr("Memo");
          myOutput += "<td><a href=\"ItemList.aspx?Value=" + encodeURI(myValue) + "\">" + myItems.eq(myItemCount).attr("Memo") + "</a></td>";
        }
        else {
          myOutput += "<td>&nbsp;</td>";
        }
        myTdCount = myTdCount + 1;
        myItemCount++;
      }
      myOutput += "</tr>";
    }
    myOutput += "</table>";

    $('div.MenuCategoryBox').html(myOutput);
  });

  //メニューレンダー月別
  var myDateTime = new Date();
  var myYear = myDateTime.getFullYear();
  var myMonth = myDateTime.getMonth() + 1;
  if (myMonth == 12) {
    myMonth = 0;
    myYear++;
  }
  var myMstr = "";
  var myOutput = "<table cellspacing=\"0\">";

  for (i = 0; i < 12; i++) {
    myOutput += "<tr>";

    if (myMonth < 9) { myMstr = "0" + (myMonth + 1); }
    else { myMstr = (myMonth + 1); }

    myDateTime = new Date(myYear, myMonth, 1);
    myOutput += "<td><a href=\"ItemList.aspx?Value=SaleDay;"+ myYear + "-" + myMstr + "\">" + myYear + "年" + myMstr + "月</a></td>";
    myMonth--;
    if (myMonth < 0) {
      myMonth = 11;
      myYear--;
    }

    if (myMonth < 9) { myMstr = "0" + (myMonth + 1); }
    else { myMstr = (myMonth + 1); }

    myDateTime = new Date(myYear, myMonth, 1);
    myOutput += "<td><a href=\"ItemList.aspx?Value=SaleDay;" + myYear + "-" + myMstr + "\">" + myYear + "年" + myMstr + "月</a></td>";
    myMonth--;
    if (myMonth < 0) {
      myMonth = 11;
      myYear--;
    }
    myOutput += "</tr>";
  }
  myOutput += "</table>";

  $('div.MenuMonthlyBox').html(myOutput);
}

//*************************************************
//Homeレンダー
//*************************************************
function HomeRender() {

  //トップ画像
  var myHref = new Array(3);
  myHref[0] = "http://moworld.tv/";
  myHref[1] = "http://oshiriclub.tv/";
  myHref[2] = "http://pansuto.tv/";
  var mySrc = new Array(3);
  mySrc[0] = "http://moworld.tv/temp1/moworldimg/mo560_340.jpg";
  mySrc[1] = "http://oshiriclub.tv/temp1/oshiriclubimg/oshiri560_340.jpg";
  mySrc[2] = "http://pansuto.tv/pansutoimg/pansuto560_340.jpg";
  var myToday = new Date();
  var myI = myToday.getMonth() + 1;
  myI = myI % 3;
  var myOutput = "<a href=\"" + myHref[myI] + "\"><img src=\"" + mySrc[myI] + "\" alt=\"\" /></a>";
  $('p.HomeImage').html(myOutput);

  //更新情報レンダー
  $.get("/UserData/Infos.xml", function (myXmlDoc) {
    var myInfos = $(myXmlDoc).find("Info");
    if (myInfos.length == 0) return;

    var myToday = new Date();

    var myOutput = "\n<table cellspacing=\"0\">\n";
    var myOdd = true;

    for (var i = 0; i < myInfos.length; i++) {
      var myYear = myInfos.eq(i).attr("Nichiji").substr(0, 4);
      var myMonth = myInfos.eq(i).attr("Nichiji").substr(5, 2) - 1;
      var myDay = myInfos.eq(i).attr("Nichiji").substr(8, 2);
      var myDT = new Date(myYear, myMonth, myDay);

      if (myDT <= myToday) {
        var myNichiji = myInfos.eq(i).attr("Nichiji").substr(0, 4) + "年" + myInfos.eq(i).attr("Nichiji").substr(5, 2) + "月" + myInfos.eq(i).attr("Nichiji").substr(8, 2) + "日";
        myOutput += "<tr>\n";
        if (myOdd) {
          myOutput += "<th class=\"Odd\">" + myNichiji + "</th>\n<td class=\"Odd\">";
          myOdd = false;
        }
        else {
          myOutput += "<th>" + myNichiji + "</th>\n<td>";
          myOdd = true;
        }

        if (myInfos.eq(i).attr("Url").length == 0) myOutput += myInfos.eq(i).attr("Memo") + "</td>\n";
        else myOutput += "<a href=\"" + myInfos.eq(i).attr("Url") + "\">" + myInfos.eq(i).attr("Memo") + "</a></td>\n";

        myOutput += "</tr>\n";
      }
    }
    myOutput += "</table>\n";
    $('div.InfoBox').html(myOutput);
  });

  //新作レンダー
  $.get("/UserData/Items.xml", function (myDoc) {
    var mySelect = $(myDoc).find('Item');

    //発売日処理
    var myNodes = $(mySelect).get();
    var myToday = new Date();
    var myItems = new Array();
    var myView = 10; //取得する数
    var myCount = 0;
    var i = 0;
    while (myCount < myView) {
      var myYear = myNodes[i].getAttribute("SaleDay").substr(0, 4);
      var myMonth = myNodes[i].getAttribute("SaleDay").substr(5, 2) - 1;
      var myDay = myNodes[i].getAttribute("SaleDay").substr(8, 2);
      var mySaleDay = new Date(myYear, myMonth, myDay);
      if (mySaleDay < myToday) {
        myItems.push(myNodes[i]);
        myCount++;
      }
      i++;
    }

    $('div.NewItemBox').html(ListRender(myItems));
  });

}


//*************************************************
//リンクレンダー
//*************************************************
function LinkRender() {
  $.get("/UserData/Links.xml", function (myXmlDoc) {

    $("div#Main").css("width", "960px");
    $("div#Menu").hide();
    $("div#Extra").hide();

    var mySiteCode = "";
    if (location.hostname.indexOf("jns-grp.net") >= 0) mySiteCode = "Jns";
    else if (location.hostname.indexOf("av-mirai.com") >= 0) mySiteCode = "Mri";
    var myOutput = "<h2>当サイトのバナーです。コピーしてご使用ください。</h2>"
                 + "<table cellspacing=\"10\"><tr>"
                 + "<td style=\"vertical-align:bottom;\"><img src=\"/Images/BannerW88H31-" + mySiteCode + ".gif\" alt=\"\" /></td>"
                 + "<td style=\"vertical-align:bottom;\"><img src=\"/Images/BannerW468H60-" + mySiteCode + ".gif\" alt=\"\" /></td>"
                 + "</tr></table><br />";

    var myColCount = 3;
    var myGroups = $(myXmlDoc).find("Group");

    for (var i = 0; i < myGroups.length; i++) {
      myOutput += "<h2>" + myGroups.eq(i).attr("Memo") + "</h2>";
      myOutput += "<table cellspacing=\"10\">";

      var myLinks = $(myXmlDoc).find("Link[GroupMemo='" + myGroups.eq(i).attr("Memo") + "']");
      var myCount = 0;
      while (myCount < myLinks.length) {
        myOutput += "<tr>";
        for (var j = 0; j < myColCount; j++) {
          if (myCount < myLinks.length) {
            myOutput += "<td style=\"vertical-align:top; width:88px;\">"
                       + "<a href=\"" + myLinks.eq(myCount).attr("SiteUrl") + "\" target=\"_blank\">"
                       + "<img src=\"" + myLinks.eq(myCount).attr("BannerUrl") + "\" "
                       + "onerror=\"NoBanner(this)\" alt=\"\" "
                       + "style=\"width:88px; height:31px; border-style:none;\" /></td>"
                       + "<td style=\"vertical-align:top;\">" + myLinks.eq(myCount).attr("Memo") + "</td>";
          }
          else
            myOutput += "<td>&nbsp;</td><td>&nbsp;</td>";
          myCount++;
        }
        myOutput += "</tr>";
      }
      myOutput += "</table>";
    }
    $('div.LinkBox').html(myOutput);
  });
}



//*************************************************
//商品詳細レンダー
//*************************************************
function ItemDetailRender(myItemId) {
  $.get("/UserData/Items.xml", function (myXmlDoc) {
    var myItem = $(myXmlDoc).find("Item[Id='" + myItemId + "']");

    //定価
    var myBasePrice = myItem.attr("BasePrice");
    if (myBasePrice == 999999) {
      myBasePrice = "未定";
    }
    else {
      tmpStr = "";
      while (myBasePrice != (tmpStr = myBasePrice.replace(/^([+-]?\d+)(\d\d\d)/, "$1,$2"))) {
        myBasePrice = tmpStr + "円";
      }
    }
    //出演者
    var myCast = "";
    if (myItem.attr("Cast") != "N/A") {
      var myCastArray = myItem.attr("Cast").split(' ');
      for (i = 0; i < myCastArray.length; i++) {
        myValue = "Cast;" + myCastArray[i];
        myCast += "<a href=\"ItemList.aspx?Value=" + encodeURI(myValue) + "\" style=\"margin-right:1em;\">" + myCastArray[i] + "</a>";
      }
    }
    else {
      myCast = "N/A";
    }
    //カテゴリー
    var myCate = "";
    if (myItem.attr("Category") != "N/A" && myItem.attr("Category") != "") {
      var myCateArray = myItem.attr("Category").split(' ');
      for (i = 0; i < myCateArray.length; i++) {
        myValue = "Category;" + myCateArray[i];
        myCate += "<a href=\"ItemList.aspx?Value=" + encodeURI(myValue) + "\" style=\"margin-right:1em;\">" + myCateArray[i] + "</a>";
      }
    }
    else {
      myCate = "N/A";
    }
    //レーベル
    var myLabel = "";
    if (myItem.attr("Label") != "N/A") {
      myValue = "Label;" + myItem.attr("Label");
      myLabel += "<a href=\"ItemList.aspx?Value=" + encodeURI(myValue) + "\" style=\"margin-right:1em;\">" + myItem.attr("Label") + "</a>";
    }
    else {
      myLabel = "N/A";
    }
    //収録時間
    var myVolume = "";
    if (myItem.attr("Volume") == 0) {
      myVolume = "N/A";
    }
    else {
      myVolume = "約" + myItem.attr("Volume") + "分";
    }

    var myOutput = "<img src=\"/ItemImages/" + myItem.attr("Id") + "-Icon.jpg\" alt=\"" + myItem.attr("Title") + "\" />";
    $('p.Icon').html(myOutput);

    myOutput = "<li>発売日 ： " + myItem.attr("SaleDay").substr(0, 4) + "年"
             + myItem.attr("SaleDay").substr(5, 2) + "月"
             + myItem.attr("SaleDay").substr(8, 2) + "日</li>"
             + "<li>商品コード ： " + myItem.attr("Code") + "</li>"
             + "<li>レーベル ： " + myLabel + "</li>"
             + "<li>収録時間 ： " + myVolume + "</li>"
             + "<li>メーカー希望小売価格 ： " + myBasePrice + "</li>"
             + "<li>出演 ： " + myCast + "</li>"
             + "<li>カテゴリ－ ： " + myCate + "</li>";
    $('ul.ItemDetail').html(myOutput);

    $('p.ItemDetail').html(myItem.attr("Comment"));
  });
}

//*************************************************
//商品一覧表示レンダー
//*************************************************
function ItemListFirst(myValue) {
  if ($.cookie('ItemList')) {
    var myCookieArray = decodeURI($.cookie('ItemList')).split(';');
    var myCookieText = myCookieArray[0] + myCookieArray[1];
    var myQueryArray = myValue.split(';');
    var myQueryText = myQueryArray[0] + myQueryArray[1];
    if (myCookieText != myQueryText) { $.cookie('ItemList', myValue + ";1"); }
  }
  else { $.cookie('ItemList', myValue + ";1"); }

  ItemListBuild();
}
/* --------------------------------------------- */
function ItemListBuild() {
  $.get("/UserData/Items.xml", function (myXmlDoc) {
    if (!$.cookie('ItemList')) { return; }

    var myCookieStatus = decodeURI($.cookie('ItemList'));
    var myCookieArray = myCookieStatus.split(';');
    var myGenre = myCookieArray[0];
    var myKey = myCookieArray[1];
    var myCurrentIndex = myCookieArray[2];

    //ページャーの色付け
    $("div.PagerBox > span").removeClass("Current");
    $("div.PagerBox > span.Page" + myCurrentIndex).addClass("Current");

    var myPageSize = 30;

    var myFilter = "";
    if (myGenre == "SaleDay") myFilter = "Item[" + myGenre + "^='" + myKey + "']";
    else { myFilter = "Item[" + myGenre + "*='" + myKey + "']"; }
    var myItems = $(myXmlDoc).find(myFilter);

    var myStartIndex = myPageSize * (myCurrentIndex - 1);
    var myEndIndex = myStartIndex + myPageSize;
    myItems = myItems.slice(myStartIndex, myEndIndex);

    if (document.URL.indexOf(".mo-paradise.com") >= 0) { myOutput = MoParaListRender(myItems); }
    else { myOutput = ListRender(myItems); }

    $('#ListBox').html(myOutput);
  });
}
/* --------------------------------------------- */
function ListRender(myItems) {
  myItems = $(myItems);

  var myOutput = "<table cellspacing=\"0\" class=\"ItemList\">";
  var i = 0;
  while (i < myItems.length) {
    myOutput += "<tr>";
    if (i < myItems.length) {
      myOutput += "<td class=\"ImageL\">"
                  + "<p class=\"Icon\"><a href=\"ItemDetail.aspx?ItemId=" + myItems.eq(i).attr("Id") + "\">"
                  + "<img src=\"/ItemImages/" + myItems.eq(i).attr("Id") + "-Icon.jpg\" alt=\"" + myItems.eq(i).attr("Title") + "\" /></a></p></td>"
                  + "<td class=\"TextL\">"
                  + "<p class=\"Title\">" + myItems.eq(i).attr("Title") + "</p>"
                  + "<p>発売日：" + myItems.eq(i).attr("SaleDay").substr(0, 4) + "/" + myItems.eq(i).attr("SaleDay").substr(5, 2) + "/" + myItems.eq(i).attr("SaleDay").substr(8, 2) + "<br />"
                  + "品番：" + myItems.eq(i).attr("Code") + "</p></td>";
    }
    else myOutput += "<td colspan=\"2\">&nbsp;</td>";
    i++;
    if (i < myItems.length) {
      myOutput += "<td class=\"ImageR\">"
                  + "<p class=\"Icon\"><a href=\"ItemDetail.aspx?ItemId=" + myItems.eq(i).attr("Id") + "\">"
                  + "<img src=\"/ItemImages/" + myItems.eq(i).attr("Id") + "-Icon.jpg\" alt=\"" + myItems.eq(i).attr("Title") + "\" /></a></p></td>"
                  + "<td class=\"TextR\">"
                  + "<p class=\"Title\">" + myItems.eq(i).attr("Title") + "</p>"
                  + "<p>発売日：" + myItems.eq(i).attr("SaleDay").substr(0, 4) + "/" + myItems.eq(i).attr("SaleDay").substr(5, 2) + "/" + myItems.eq(i).attr("SaleDay").substr(8, 2) + "<br />"
                  + "品番：" + myItems.eq(i).attr("Code") + "</p></td>";
    }
    else myOutput += "<td colspan=\"2\">&nbsp;</td>";
    i++;
    myOutput += "</tr>";
  }
  myOutput += "</table>";

  if (myItems.length == 0) myOutput = "<p>データなし…</p>";

  return myOutput;
}
/* --------------------------------------------- */
function ItemListPaging(myCurrentIndex) {
  if (!$.cookie('ItemList')) { return; }
  var myValue = decodeURI($.cookie('ItemList'));
  var myCookieArray = myValue.split(';');
  myValue = myCookieArray[0] + ";" + myCookieArray[1] + ";" + myCurrentIndex;
  $.cookie('ItemList', myValue);

  ItemListBuild();
}