package org.apache.jsp;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.jsp.*;
import org.apache.jasper.runtime.*;
import java.util.*;
import java.sql.*;
import java.io.File;
import org.apache.log4j.Category;
import jp.co.sint.database.*;
import jp.co.sint.tools.*;
import jp.co.sint.basic.*;
import jp.co.sint.config.*;
import jp.co.sint.beans.front.*;
import jp.co.sint.beans.mallmgr.*;

public class player_vol1_html extends HttpJspBase {


  private static java.util.Vector _jspx_includes;

  public java.util.List getIncludes() {
    return _jspx_includes;
  }

  public void _jspService(HttpServletRequest request, HttpServletResponse response)
        throws java.io.IOException, ServletException {

    JspFactory _jspxFactory = null;
    javax.servlet.jsp.PageContext pageContext = null;
    HttpSession session = null;
    ServletContext application = null;
    ServletConfig config = null;
    JspWriter out = null;
    Object page = this;
    JspWriter _jspx_out = null;


    try {
      _jspxFactory = JspFactory.getDefaultFactory();
      response.setContentType("text/html;charset=MS932");
      pageContext = _jspxFactory.getPageContext(this, request, response,
      			"util/error.jsp", true, 8192, true);
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;

      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");
      out.write("\r\n");

SIDatabaseConnection databaseConnection=new SIDatabaseConnection();try{
Connection connection=databaseConnection.getConnection();
String webshopSite=SIHTMLUtil.getRootPath(request);

      out.write("\r\n\r\n");
      out.write("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\r\n");
      out.write("<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"ja\" lang=\"ja\">\r\n");
      out.write("<head>\r\n");
      out.write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=shift_jis\" />\r\n");
      out.write("<title>サウンドセラピーセレクション ～Heavenly Sleep～");
      out.write("</title>\r\n");
      out.write("<meta http-equiv=\"Content-Style-Type\" content=\"text/css\" />\r\n");
      out.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"player_vol1.css\" media=\"screen,print\" />\r\n");
      out.write("<meta http-equiv=\"Content-Script-Type\" content=\"text/javascript\" />\r\n");
      out.write("<script src=\"../../script/common.js\" type=\"text/javascript\">");
      out.write("</script>\r\n");
      out.write("<script src=\"../../script/jplayer/jquery.jplayer.min.js\" type=\"text/javascript\">");
      out.write("</script>\r\n");
      out.write("<script type=\"text/javascript\">\r\n  $(function () {\r\n\r\n\t//GET\r\n  \tvar q = new Array();\r\n\tvar qqq = 0;\r\n\tfunction getQuery(){\r\n\t\tif(location.search){\r\n\t\t\tvar query = location.search;\r\n\t\t\tquery = query.substring(1,query.length);\r\n\t\t\tvar querys = new Array();\r\n\t\t\tquerys = query.split(\"&\");\r\n\t\t\tfor(i=0;i");
      out.write("<querys.length;i++){\r\n\t\t\t\tvar pram = new Array();\r\n\t\t\t\tpram = querys[i].split(\"=\");\r\n\t\t\t\tvar name = pram[0];\r\n\t\t\t\tvar value = pram[1];\r\n\t\t\t\tq[name] = value;\r\n\t\t\t\tqqq = q[name];\r\n\t\t\t}\r\n\t\t\t//window.alert(qqq);\r\n\t\t}\r\n\t}\r\n\tgetQuery();\r\n\r\n \r\n    var playItem = 0;\r\n\tif (qqq != 0) {\r\n\t\tplayItem = qqq - 1;\r\n\t}\r\n \r\n    var myPlayList = [\r\n\t\t  { name: \"01. 水の戯れ\", mp3: \"https://www.beautygarage.jp/mp3/heavenlysleep/01.mp3\" },\r\n\t\t  { name: \"02. Shimmering Star\", mp3: \"https://www.beautygarage.jp/mp3/heavenlysleep/02.mp3\" },\r\n\t\t  { name: \"03. 組曲「夏の夜の夢～秋の夜の夢」\", mp3: \"https://www.beautygarage.jp/mp3/heavenlysleep/03.mp3\" },\r\n\t\t  { name: \"04. Midnight Lake\", mp3: \"https://www.beautygarage.jp/mp3/heavenlysleep/04.mp3\" },\r\n\t\t  { name: \"05. Asian Blue Moon\", mp3: \"https://www.beautygarage.jp/mp3/heavenlysleep/05.mp3\" },\r\n\t\t  { name: \"06. Gentle touch\", mp3: \"https://www.beautygarage.jp/mp3/heavenlysleep/06.mp3\" }\r\n\t  ];\r\n \r\n    var jpPlayTime = $(\"#jplayer_play_time\");\r\n    var jpTotalTime = $(\"#jplayer_total_time\");\r\n \r\n    $(\"#jquery_jplayer\").jPlayer({\r\n");
      out.write("      ready: function () {\r\n        displayPlayList();\r\n        playListInit(false); \r\n      },\r\n      swfPath: 'https://www.beautygarage.jp/ws/script/jplayer',\r\n      oggSupport: false\r\n    })\r\n\t  .jPlayer(\"onProgressChange\", function (loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {\r\n\t    jpPlayTime.text($.jPlayer.convertTime(playedTime));\r\n\t    jpTotalTime.text($.jPlayer.convertTime(totalTime));\r\n\t  })\r\n\t  .jPlayer(\"onSoundComplete\", function () {\r\n\t    playListNext();\r\n\t  });\r\n \r\n    $(\"#jplayer_previous\").click(function () {\r\n      playListPrev();\r\n      $(this).blur();\r\n      return false;\r\n    });\r\n \r\n    $(\"#jplayer_next\").click(function () {\r\n      playListNext();\r\n      $(this).blur();\r\n      return false;\r\n    });\r\n \r\n    function displayPlayList() {\r\n      $(\"#jplayer_playlist ul\").empty();\r\n      for (i = 0; i ");
      out.write("< myPlayList.length; i++) {\r\n        var listItem = (i == myPlayList.length - 1) ? \"");
      out.write("<li class='jplayer_playlist_item_last'>\" : \"");
      out.write("<li>\";\r\n        listItem += \"");
      out.write("<a href='#' id='jplayer_playlist_item_\" + i + \"' tabindex='1'>\" + myPlayList[i].name + \"");
      out.write("</a>");
      out.write("</li>\";\r\n        $(\"#jplayer_playlist ul\").append(listItem);\r\n        $(\"#jplayer_playlist_item_\" + i).data(\"index\", i).click(function () {\r\n          var index = $(this).data(\"index\");\r\n\t\t  if (playItem != index) {\r\n            playListChange(index);\r\n          } else {\r\n            $(\"#jquery_jplayer\").jPlayer(\"play\");\r\n          }\r\n          $(this).blur();\r\n          return false;\r\n        });\r\n      }\r\n    }\r\n \r\n    function playListInit(autoplay) {\r\n      if (autoplay) {\r\n        playListChange(playItem);\r\n      } else {\r\n        playListConfig(playItem);\r\n      }\r\n    }\r\n \r\n    function playListConfig(index) {\r\n      $(\"#jplayer_playlist_item_\" + playItem).removeClass(\"jplayer_playlist_current\").parent().removeClass(\"jplayer_playlist_current\");\r\n      $(\"#jplayer_playlist_item_\" + index).addClass(\"jplayer_playlist_current\").parent().addClass(\"jplayer_playlist_current\");\r\n      playItem = index;\r\n      $(\"#jquery_jplayer\").jPlayer(\"setFile\", myPlayList[playItem].mp3, myPlayList[playItem].ogg);\r\n    }\r\n \r\n");
      out.write("    function playListChange(index) {\r\n      playListConfig(index);\r\n      $(\"#jquery_jplayer\").jPlayer(\"play\");\r\n    }\r\n \r\n    function playListNext() {\r\n      var index = (playItem + 1 ");
      out.write("< myPlayList.length) ? playItem + 1 : 0;\r\n      playListChange(index);\r\n    }\r\n \r\n    function playListPrev() {\r\n      var index = (playItem - 1 >= 0) ? playItem - 1 : myPlayList.length - 1;\r\n      playListChange(index);\r\n    }\r\n  });\r\n");
      out.write("</script>\r\n");
      out.write("</head>\r\n");
      out.write("<body id=\"mp3player\">\r\n\r\n");
      out.write("<div id=\"jquery_jplayer\">");
      out.write("</div> \r\n \r\n");
      out.write("<div class=\"jp-playlist-player\"> \r\n\t");
      out.write("<div class=\"jp-interface\"> \r\n\t\t");
      out.write("<ul class=\"jp-controls\"> \r\n\t\t\t");
      out.write("<li>");
      out.write("<a href=\"#\" id=\"jplayer_play\" class=\"jp-play\" tabindex=\"1\">再生");
      out.write("</a>");
      out.write("</li> \r\n\t\t\t");
      out.write("<li>");
      out.write("<a href=\"#\" id=\"jplayer_pause\" class=\"jp-pause\" tabindex=\"1\">一時停止");
      out.write("</a>");
      out.write("</li> \r\n\t\t\t");
      out.write("<li>");
      out.write("<a href=\"#\" id=\"jplayer_stop\" class=\"jp-stop\" tabindex=\"1\">停止");
      out.write("</a>");
      out.write("</li> \r\n\t\t\t");
      out.write("<li>");
      out.write("<a href=\"#\" id=\"jplayer_volume_min\" class=\"jp-volume-min\" tabindex=\"1\">ボリューム最小");
      out.write("</a>");
      out.write("</li> \r\n\t\t\t");
      out.write("<li>");
      out.write("<a href=\"#\" id=\"jplayer_volume_max\" class=\"jp-volume-max\" tabindex=\"1\">ボリューム最大");
      out.write("</a>");
      out.write("</li> \r\n\t\t\t");
      out.write("<li>");
      out.write("<a href=\"#\" id=\"jplayer_previous\" class=\"jp-previous\" tabindex=\"1\">前へ");
      out.write("</a>");
      out.write("</li> \r\n\t\t\t");
      out.write("<li>");
      out.write("<a href=\"#\" id=\"jplayer_next\" class=\"jp-next\" tabindex=\"1\">次へ");
      out.write("</a>");
      out.write("</li> \r\n\t\t");
      out.write("</ul> \r\n\t\t");
      out.write("<div class=\"jp-progress\"> \r\n\t\t\t");
      out.write("<div id=\"jplayer_load_bar\" class=\"jp-load-bar\"> \r\n\t\t\t\t");
      out.write("<div id=\"jplayer_play_bar\" class=\"jp-play-bar\">");
      out.write("</div> \r\n\t\t\t");
      out.write("</div> \r\n\t\t");
      out.write("</div> \r\n\t\t");
      out.write("<div id=\"jplayer_volume_bar\" class=\"jp-volume-bar\"> \r\n\t\t\t");
      out.write("<div id=\"jplayer_volume_bar_value\" class=\"jp-volume-bar-value\">");
      out.write("</div> \r\n\t\t");
      out.write("</div> \r\n\t\t");
      out.write("<div id=\"jplayer_play_time\" class=\"jp-play-time\">");
      out.write("</div> \r\n\t\t");
      out.write("<div id=\"jplayer_total_time\" class=\"jp-total-time\">");
      out.write("</div> \r\n\t");
      out.write("</div> \r\n\t");
      out.write("<div id=\"jplayer_playlist\" class=\"jp-playlist\"> \r\n\t\t");
      out.write("<ul> \r\n\t\t\t");
      out.write("<li>");
      out.write("</li> \r\n\t\t");
      out.write("</ul> \r\n\t");
      out.write("</div> \r\n");
      out.write("</div> \r\n\r\n");
      out.write("</body>\r\n");
      out.write("</html>\r\n");

}catch(Exception e){
  e.printStackTrace();
  throw new ServletException();
}finally{
  databaseConnection.close();
}

    } catch (Throwable t) {
      out = _jspx_out;
      if (out != null && out.getBufferSize() != 0)
        out.clearBuffer();
      if (pageContext != null) pageContext.handlePageException(t);
    } finally {
      if (_jspxFactory != null) _jspxFactory.releasePageContext(pageContext);
    }
  }
}
