//*************************************************
//エントランスのセンタリング
//*************************************************
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 MenuRender()
{
  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><span class=\"ScriptLink\" onclick='ItemListFirst(\"SaleDay;"
              + myYear + "-" + myMstr + "-;発売月別一覧 [ "+ myYear + "年" + myMstr + "月 ]\")'>"
              + myYear + "年" + myMstr + "月"
              + "</span></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><span class=\"ScriptLink\" onclick='ItemListFirst(\"SaleDay;"
              + myYear + "-" + myMstr + "-;発売月別一覧 [ "+ myYear + "年" + myMstr + "月 ]\")'>"
              + myYear + "年" + myMstr + "月"
              + "</span></td>";
    myMonth--;
    if(myMonth < 0)
    {
      myMonth = 11;
      myYear--;
    }
    myOutput += "</tr>";
  }
  myOutput += "</table>";
    
  $('div.MonthlyBox').html(myOutput);

  $.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)
        {
          myOutput += "<td><span class=\"ScriptLink\" onclick='ItemListFirst(\"Label;" + myItems[myItemCount].getAttribute("Memo")
                    + ";レーベル別一覧 [ " + myItems[myItemCount].getAttribute("Memo") + " ]\")'>" + myItems[myItemCount].getAttribute("Memo")
                    + "</span></td>";
        }
        else
        {
          myOutput += "<td>&nbsp;</td>";
        }
        myTdCount = myTdCount + 1;
        myItemCount++;
      }
      myOutput += "</tr>";
    }
    myOutput += "</table>";
    
    $('div.LabelBox').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)
        {
          myOutput += "<td><span class=\"ScriptLink\" onclick='ItemListFirst(\"Category;" + myItems[myItemCount].getAttribute("Memo")
                    + ";カテゴリー別一覧 [ " + myItems[myItemCount].getAttribute("Memo") + " ]\")'>" + myItems[myItemCount].getAttribute("Memo")
                    + "</span></td>";
        }
        else
        {
          myOutput += "<td>&nbsp;</td>";
        }
        myTdCount = myTdCount + 1;
        myItemCount++;
      }
      myOutput += "</tr>";
    }
    myOutput += "</table>";
    
    $('div.CategoryBox').html(myOutput);
  });
}

//*************************************************
//エキストラレンダー
//*************************************************
function ExtraRender()
{
  if(location.host == "www.av-mirai.com") { $('p#LinkMRI').hide(); }
  if(location.host == "www.jns-grp.net") { $('p#LinkJNS').hide(); }
}

//*************************************************
//トップ画像
//*************************************************
function HomeImageRender()
{
  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);
}



//*************************************************
//更新情報レンダー
//*************************************************
function InfoRender()
{
  $.get("/UserData/Infos.xml", function(myXmlDoc)
  {
    var myFilter = "Info";
    var myNodes = $(myXmlDoc).find(myFilter);
    var myOutput = "<dl class=\"Standard\">"
    myNodes.each(function()
    {
      var myHiduke = $(this).attr("Nichiji");
      myOutput += "<dt>"
                + myHiduke.substr(0, 4) + "年"
                + myHiduke.substr(5, 2) + "月"
                + myHiduke.substr(8, 2) + "日</dt>"
                + "<dd>" + $(this).attr("Memo") + "</dd>";
    });
    myOutput += "</dl>";
    $('h2.Info').after(myOutput);
  });
}

//*************************************************
//新作レンダー
//*************************************************
function NewItemRender()
{
  $.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++;
    }

    $('h2.NewItem').after(ListRender(myItems));
  });
}

//*************************************************
//掲示板レンダー
//*************************************************
function BbsRender()
{
  $.ajax({
    url: "/UserData/Bbss.xml",
    cache: false,
    success: function(myXmlDoc)
    {
      var myNodes = myXmlDoc.getElementsByTagName('Bbs');
      var myOutput = "";
      for (var i = 0; i < myNodes.length; i++)
      {
        myOutput += "<dt>" + myNodes[i].getAttribute("Name") + " - "
                  + myNodes[i].getAttribute("Nichiji").substr(0, 4) + "/"
                  + myNodes[i].getAttribute("Nichiji").substr(5, 2) + "/"
                  + myNodes[i].getAttribute("Nichiji").substr(8, 2) + " "
                  + myNodes[i].getAttribute("Nichiji").substr(11, 2) + ":"
                  + myNodes[i].getAttribute("Nichiji").substr(14, 2) + ":"
                  + myNodes[i].getAttribute("Nichiji").substr(17, 2) + "</dt>"
                  + "<dd>" + myNodes[i].getAttribute("Memo") + "</dd>";
      }
      $('dl').html(myOutput);
    }
  });
}

//*************************************************
//リンクレンダー
//*************************************************
function LinkRender(myStoreCode)
{
  $.get("/UserData/Links.xml", function(myXmlDoc)
  {    
    var myFilter = "Group";
    var myGroup = $(myXmlDoc).find(myFilter);
    var myOutput = "";

    for (i = 0; i < myGroup.length; i++)
    {
      myOutput += "<h2>" + myGroup[i].getAttribute("Memo") + "</h2>";

      var myItem = $(myXmlDoc).find("Link[GroupMemo='" + myGroup[i].getAttribute("Memo") + "']");
      myOutput += "<table cellspacing=\"10\" style=\"margin-bottom:1em;\">";
      var myItemCount = 0;
      while (myItemCount < myItem.length)
      {
        myOutput += "<tr>";
        var myTdCount = 0;
        while (myTdCount < 2)
        {
          if (myItemCount < myItem.length)
          {
            myOutput += "<td style=\"vertical-align:top;\">"
                     + "<a href=\"" + myItem[myItemCount].getAttribute("SiteUrl") + "\" target=\"_blank\">"
                     + "<img src=\"" + myItem[myItemCount].getAttribute("BannerUrl") + "\" "
                     + "onerror=\"NoBanner(this)\" alt=\"\" "
                     + "style=\"width:88px; height:31px; border-style:none;\" /></td>"
                     + "<td style=\"vertical-align:top;;\">" + myItem[myItemCount].getAttribute("Memo") + "</td>";
          }
          else
          {
            myOutput += "<td>&nbsp;</td><td>&nbsp;</td>";
          }
          myTdCount = myTdCount + 1;
          myItemCount++;
        }
        myOutput += "</tr>";
      }
      myOutput += "</table>";
    }
    if (myGroup.length == 0)
    {
      myOutput = "<p>データなし…</p>";
    }
    $('#LinkBox').html(myOutput);
    
    Layouting();
  });
}

//*************************************************
//商品詳細レンダー
//*************************************************
function ItemDetailRender(myItemId)
{
  $.get("/UserData/Items.xml", function(myDoc)
  {
    var myItem = $(myDoc).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++)
      {
        myCast += "<span class=\"ScriptLink\" style=\"margin-right:1em;\" onclick='ItemListFirst(\"Cast;" + myCastArray[i]
                + ";出演者別一覧 [ " + myCastArray[i] + " ]\")'>" + myCastArray[i] + "</span>";
      }
    }
    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++)
      {
         myCate += "<span class=\"ScriptLink\" style=\"margin-right:1em;\" onclick='ItemListFirst(\"Category;" + myCateArray[i]
                + ";カテゴリー別一覧 [ " + myCateArray[i] + " ]\")'>" + myCateArray[i] + "</span>";
      }
    }
    else
    {
      myCate = "N/A";
    }
    //レーベル
    var myLabel = "";
    if ($(myItem).attr("Label") != "N/A")
    {
      myLabel += "<span class=\"ScriptLink\" style=\"margin-right:1em;\" onclick='ItemListFirst(\"Label;" + $(myItem).attr("Label")
               + ";レーベル別一覧 [ " + $(myItem).attr("Label") + " ]\")'>" + $(myItem).attr("Label") + "</span>";
    }
    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") + "\" />";
    $('div.ItemDetail > p.Icon').html(myOutput);
                 
    myOutput = "<ul><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>"
             + "<div class=\"FloatClear\"></div>"
             + "<p style=\"float:left; width:320px;\">" + $(myItem).attr("Comment") + "</p>";
    $('div.ItemDetail > p.Icon').after(myOutput);
  });
}

//*************************************************
//商品リストレンダー
//*************************************************
function ListRender(myNodes)
{
  var myItems = $(myNodes).get();

  var myOutput = "<table cellspacing=\"6\" class=\"ItemList\">";
  var i = 0;
  while (i < myItems.length)
  {
    myOutput += "<tr>";
    for(j = 0; j < 2; j++)
    {
      if (i < myItems.length)
      {
        myOutput += "<td class=\"Icon\">"
                  + "<p class=\"Icon\"><a href=\"ItemDetail.aspx?ItemId=" + myItems[i].getAttribute("Id") + "\">"
                  + "<img src=\"/ItemImages/" + myItems[i].getAttribute("Id") + "-Icon.jpg\" "
                  + " alt=\"" + myItems[i].getAttribute("Title") + "\" /></a></p></td>"
                  + "<td>"
                  + "<p class=\"Title\">"
                  + myItems[i].getAttribute("Title") + "</p>"
                  + "<p>発売日：" + myItems[i].getAttribute("SaleDay").substr(0, 4) + "/"
                  + myItems[i].getAttribute("SaleDay").substr(5, 2) + "/"
                  + myItems[i].getAttribute("SaleDay").substr(8, 2) + "<br />"
                  + "品番：" + myItems[i].getAttribute("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 ItemListFirst(myString)
{
  if(location.pathname != "/Front/ItemList.aspx")
  {
    document.location = "/Front/ItemList.aspx";
  }
  
  if($.cookie('ListStatus'))
  {
    var myCookieArray = decodeURI($.cookie('ListStatus')).split(';');
    var myStatusArray = myString.split(';');
    if(myCookieArray[2] != myStatusArray[2])
    {
      $.cookie('ListStatus', myString + ";1");
    }
  }
  else
  {
    $.cookie('ListStatus', myString + ";1");
  } 
    
  ItemListRender();
}

//*************************************************
//商品リストレンダー(ページング)
//*************************************************
function ItemListPage(myCurrentIndex)
{
  if(!$.cookie('ListStatus')) { return; }
  var myStatus = decodeURI($.cookie('ListStatus'));
  var myCookieArray = myStatus.split(';');
  myStatus = myCookieArray[0] + ";" + myCookieArray[1] + ";" + myCookieArray[2] + ";" + myCurrentIndex;    
  $.cookie('ListStatus', myStatus);

  ItemListRender();
}

//*************************************************
//商品リストレンダー(ページャー)
//*************************************************
function ItemListRender()
{
  $.get("/UserData/Items.xml", function(myXmlDoc)
  {
    
    if(!$.cookie('ListStatus'))
    {     return;     }
    
    var myCookieStatus = decodeURI($.cookie('ListStatus'));
    var myCookieArray = myCookieStatus.split(';');
    var myGenre = myCookieArray[0];
    var myKey = myCookieArray[1];
     $('h1').html(myCookieArray[2]);
   var myCurrentIndex = myCookieArray[3];

    var myPageSize = 20;

    var myFilter = "Item[" + myGenre + "*='" + myKey + "']";    
    var myAll = $(myXmlDoc).find(myFilter);
    var myNodes  = $(myAll).get();

    var myOutput = "";
    var myPageCount = myNodes.length / myPageSize;
    if ((myNodes.length % myPageSize) > 0)
    {
      myPageCount++;
    }
    for (i = 1; i <= myPageCount; i++)
    {
      if (i == myCurrentIndex)
      {
        myOutput += "<span class=\"Current\" >" + i + "</span>";
      }
      else
      {
        myOutput += "<span onclick=\"ItemListPage(" + i + ")\">" + i + "</span>";
      }
    }
    $('.PagerBox').html(myOutput);

    var myStartIndex = myPageSize * (myCurrentIndex - 1);
    var myEndIndex = myStartIndex + myPageSize;
    myNodes = $(myNodes).slice(myStartIndex, myEndIndex);
    $('#ListBox').html(ListRender(myNodes));
  });
}