2013-02-20 18:33:05 -07:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title></title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="a">
|
2013-04-10 12:49:12 -07:00
|
|
|
|
<div data-role="content">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
|
2013-04-10 12:49:12 -07:00
|
|
|
|
<div class="detailPagePrimaryInfo">
|
2013-04-11 15:09:08 -07:00
|
|
|
|
<h1 id="seriesName" class="detailPageName hide"></h1>
|
|
|
|
|
|
<h1 id="itemName" class="detailPageName"></h1>
|
|
|
|
|
|
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<div class="itemImageBlock">
|
|
|
|
|
|
<div id="itemMedia" style="position: relative;">
|
|
|
|
|
|
<div id="itemImage"></div>
|
2013-04-10 23:22:34 -07:00
|
|
|
|
|
|
|
|
|
|
<div id="playButtonShadow" style="display: none; height: 48px; position: absolute; bottom: 0; left: 0; right: 0; background: black; opacity: .75;"></div>
|
2013-04-10 14:14:25 -07:00
|
|
|
|
<button id="btnPlayMenu" type="button" class="imageButton" style="display: none; position: absolute; bottom: 5px; left: 10px;" data-role="none" title="Play">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<img src="css/images/media/playCircle.png" style="height: 28px;" />
|
|
|
|
|
|
</button>
|
2013-04-10 23:22:34 -07:00
|
|
|
|
|
2013-04-11 05:49:14 -07:00
|
|
|
|
<button id="btnQueueMenu" type="button" class="imageButton" style="position: absolute; bottom: 5px; left: 50px;" data-role="none" title="Queue">
|
|
|
|
|
|
<img src="css/images/media/queue.png" style="height: 28px;" />
|
|
|
|
|
|
</button>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</div>
|
2013-04-09 19:28:24 -07:00
|
|
|
|
<div id="playMenuAnchor"></div>
|
2013-04-11 05:49:14 -07:00
|
|
|
|
<div id="queueMenuAnchor"></div>
|
2013-04-10 23:22:34 -07:00
|
|
|
|
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="itemDetailBlock">
|
|
|
|
|
|
|
|
|
|
|
|
<p id="itemTagline" style="font-style: italic;"></p>
|
|
|
|
|
|
<p id="itemOverview"></p>
|
2013-04-05 11:35:37 -07:00
|
|
|
|
<p id="itemRatings"></p>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<p id="itemCommunityRating"></p>
|
2013-04-10 22:27:27 -07:00
|
|
|
|
<p id="itemMiscInfo" class="itemMiscInfo"></p>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
|
2013-04-12 08:25:00 -07:00
|
|
|
|
<p id="itemBudget"></p>
|
2013-04-05 11:35:37 -07:00
|
|
|
|
<p id="itemGenres"></p>
|
|
|
|
|
|
<p id="itemStudios"></p>
|
2013-04-09 19:28:24 -07:00
|
|
|
|
<p id="itemLinks"></p>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
2013-03-27 05:42:06 -07:00
|
|
|
|
<div data-role="collapsible" id="mediaInfoCollapsible" class="hide">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<h3>Media Info</h3>
|
|
|
|
|
|
<div id="mediaInfoContent"></div>
|
|
|
|
|
|
</div>
|
2013-03-27 05:42:06 -07:00
|
|
|
|
<div data-role="collapsible" id="scenesCollapsible" class="hide">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<h3>Scenes</h3>
|
|
|
|
|
|
<div id="scenesContent"></div>
|
|
|
|
|
|
</div>
|
2013-03-27 05:42:06 -07:00
|
|
|
|
<div data-role="collapsible" id="specialsCollapsible" class="hide">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<h3>Special Features</h3>
|
2013-03-26 11:51:52 -07:00
|
|
|
|
<div id="specialsContent"></div>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</div>
|
2013-03-27 05:42:06 -07:00
|
|
|
|
<div data-role="collapsible" id="trailersCollapsible" class="hide">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<h3>Trailers</h3>
|
2013-03-26 11:51:52 -07:00
|
|
|
|
<div id="trailersContent"></div>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</div>
|
2013-03-27 05:42:06 -07:00
|
|
|
|
<div data-role="collapsible" id="castCollapsible" class="hide">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<h3>Cast & Crew</h3>
|
2013-03-26 11:51:52 -07:00
|
|
|
|
<div id="castContent"></div>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</div>
|
2013-04-11 05:49:14 -07:00
|
|
|
|
<div data-role="collapsible" id="galleryCollapsible">
|
2013-02-20 18:33:05 -07:00
|
|
|
|
<h3>Gallery</h3>
|
|
|
|
|
|
<div id="galleryContent"></div>
|
|
|
|
|
|
</div>
|
2013-04-09 19:28:24 -07:00
|
|
|
|
|
|
|
|
|
|
<div data-role="popup" id="playMenu" data-corners="false" data-theme="c">
|
|
|
|
|
|
<ul data-role="listview" style="min-width: 150px;" data-theme="c">
|
|
|
|
|
|
<li data-role="list-divider" data-theme="a">Play Menu</li>
|
2013-04-10 14:14:25 -07:00
|
|
|
|
<li><a href="#" id="btnPlay">Play</a></li>
|
2013-04-10 22:42:34 -07:00
|
|
|
|
<li><a href="#" id="btnResume">Resume</a></li>
|
2013-04-09 19:28:24 -07:00
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2013-04-10 23:22:34 -07:00
|
|
|
|
|
2013-04-11 05:49:14 -07:00
|
|
|
|
<div data-role="popup" id="queueMenu" data-corners="false" data-theme="c">
|
|
|
|
|
|
<ul data-role="listview" style="min-width: 150px;" data-theme="c">
|
|
|
|
|
|
<li data-role="list-divider" data-theme="a">Queue Menu</li>
|
|
|
|
|
|
<li><a href="#" id="btnQueue">Add to Queue</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
2013-02-20 18:33:05 -07:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
