// Generates content dynamically (all the HTML and structure is contained here

if(!this.PBS) this.PBS = new Object();
PBS.whatson_multi = { feedStart: 0,
                      tabStart: 0,
                      tabs: [ "now", "tonight" ],
                      style: {
                      '#pbs-whatson ul' : '{ margin:0; padding:0; list-style: none; }',
                      '#pbs-whatson li' : '{ margin:0; padding:0; }',
                      '#pbs-whatson ul.yui-accordionview div.yui-accordion-content': '{ overflow: hidden; margin: 0; padding: 0; }',  
                      '#pbs-whatson ul.yui-accordionview div.yui-accordion-content.hidden': '{ visibility: hidden; position: absolute; }', 
                      '#pbs-whatson ul.yui-accordionview div.yui-accordion-content.almosthidden': '{ position: absolute; left: -9999px; z-index: -10; }',
                      '#pbs-whatson ul.yui-accordionview li.yui-accordion-panel': '{ display: inline; }',
                      '#pbs-whatson ul.yui-accordionview li.yui-accordion-panel a.yui-accordion-toggle': '{ display: block; position: relative; }',
                      '#pbs-whatson ul.submenu li a': '{ display: block; }'
                      },
                      YAHOO: undefined,
                      whatsonTabs: false,
                      html: '<div class="yui-navset" id="pbs-whatson-internal">     <ul class="tab-menu yui-nav">         <li> <a href="#now">now</a> </li><li> <a href="#tonight">tonight</a> </li>     </ul>       <div style="clear: left;" class="yui-content">         <div id="pbswhatson-now">     <ul id="yui-accordionview-block-now">         <li class="pbswhatson-feed">         <b>WVIZ >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-now-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 9:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=2495&amp;amp;station=WVIZ&amp;amp;title_id=SEDE&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:00:00&quot;);"><span class="pbswhatson-title">Secrets of the Dead</span></a> <br />                 <span class="pbswhatson-subtitle">Sinking Atlantis</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even">10:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=2495&amp;amp;station=WVIZ&amp;amp;title_id=FRON&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">Frontline</span></a> <br />                 <span class="pbswhatson-subtitle">Flying Cheap</span>                 </dd>                                                                        <dt class="pbswhatson-odd">11:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=2495&amp;amp;station=WVIZ&amp;amp;title_id=BBCW&amp;amp;display_date=2010-02-09&amp;amp;display_time=23:00:00&quot;);"><span class="pbswhatson-title">BBC World News</span></a> <br />                                  </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-now-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 9:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=14128&amp;amp;station=WVIZ&amp;amp;title_id=SEDE&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:00:00&quot;);"><span class="pbswhatson-title">Secrets of the Dead</span></a> <br />                 <span class="pbswhatson-subtitle">Sinking Atlantis</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even">10:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=14128&amp;amp;station=WVIZ&amp;amp;title_id=FRON&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">Frontline</span></a> <br />                 <span class="pbswhatson-subtitle">Flying Cheap</span>                 </dd>                                                                        <dt class="pbswhatson-odd">11:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=14128&amp;amp;station=WVIZ&amp;amp;title_id=BBCW&amp;amp;display_date=2010-02-09&amp;amp;display_time=23:00:00&quot;);"><span class="pbswhatson-title">BBC World News</span></a> <br />                                  </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS Ohio >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-now-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 9:30pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16671&amp;amp;station=WVIZ&amp;amp;title_id=54211&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:30:00&quot;);"><span class="pbswhatson-title">Ohio Senate</span></a> <br />                                  </dd>                                                                                                                                              <dt class="pbswhatson-even">11:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16671&amp;amp;station=WVIZ&amp;amp;title_id=27431&amp;amp;display_date=2010-02-09&amp;amp;display_time=23:00:00&quot;);"><span class="pbswhatson-title">The State of Ohio</span></a> <br />                                  </dd>                                                                        <dt class="pbswhatson-odd">11:30pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16671&amp;amp;station=WVIZ&amp;amp;title_id=12151&amp;amp;display_date=2010-02-09&amp;amp;display_time=23:30:00&quot;);"><span class="pbswhatson-title">NewsDepth</span></a> <br />                                  </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS World >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-now-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 9:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=19618&amp;amp;station=WVIZ&amp;amp;title_id=NKFH&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:00:00&quot;);"><span class="pbswhatson-title">Nickles from Heaven</span></a> <br />                                  </dd>                                                                                                                                              <dt class="pbswhatson-even">10:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=19618&amp;amp;station=WVIZ&amp;amp;title_id=MLNH&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">PBS NewsHour</span></a> <br />                                  </dd>                                                                        <dt class="pbswhatson-odd">11:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=19618&amp;amp;station=WVIZ&amp;amp;title_id=NBRT&amp;amp;display_date=2010-02-09&amp;amp;display_time=23:00:00&quot;);"><span class="pbswhatson-title">Nightly Business Report</span></a> <br />                                  </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS Create >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-now-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 9:30pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=ROAD&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:30:00&quot;);"><span class="pbswhatson-title">OpenRoad</span></a> <br />                 <span class="pbswhatson-subtitle">California Coast</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even">10:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=VGAR&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">Victory Garden</span></a> <br />                 <span class="pbswhatson-subtitle">Inspired Gardens</span>                 </dd>                                                                        <dt class="pbswhatson-odd">10:30pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=NYWK&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:30:00&quot;);"><span class="pbswhatson-title">New Yankee Workshop</span></a> <br />                 <span class="pbswhatson-subtitle">Garden Gate</span>                 </dd>                                                                                                     </dl>         </div>         </li>     </ul>       </div><div id="pbswhatson-tonight">     <ul id="yui-accordionview-block-tonight">         <li class="pbswhatson-feed">         <b>WVIZ >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-tonight-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 8:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=2495&amp;amp;station=WVIZ&amp;amp;title_id=NOVA&amp;amp;display_date=2010-02-09&amp;amp;display_time=20:00:00&quot;);"><span class="pbswhatson-title">Nova</span></a> <br />                 <span class="pbswhatson-subtitle">Extreme Cave Diving</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even"> 9:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=2495&amp;amp;station=WVIZ&amp;amp;title_id=SEDE&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:00:00&quot;);"><span class="pbswhatson-title">Secrets of the Dead</span></a> <br />                 <span class="pbswhatson-subtitle">Sinking Atlantis</span>                 </dd>                                                                        <dt class="pbswhatson-odd">10:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=2495&amp;amp;station=WVIZ&amp;amp;title_id=FRON&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">Frontline</span></a> <br />                 <span class="pbswhatson-subtitle">Flying Cheap</span>                 </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-tonight-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 8:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=14128&amp;amp;station=WVIZ&amp;amp;title_id=NOVA&amp;amp;display_date=2010-02-09&amp;amp;display_time=20:00:00&quot;);"><span class="pbswhatson-title">Nova</span></a> <br />                 <span class="pbswhatson-subtitle">Extreme Cave Diving</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even"> 9:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=14128&amp;amp;station=WVIZ&amp;amp;title_id=SEDE&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:00:00&quot;);"><span class="pbswhatson-title">Secrets of the Dead</span></a> <br />                 <span class="pbswhatson-subtitle">Sinking Atlantis</span>                 </dd>                                                                        <dt class="pbswhatson-odd">10:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=14128&amp;amp;station=WVIZ&amp;amp;title_id=FRON&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">Frontline</span></a> <br />                 <span class="pbswhatson-subtitle">Flying Cheap</span>                 </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS Ohio >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-tonight-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 7:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16671&amp;amp;station=WVIZ&amp;amp;title_id=54210&amp;amp;display_date=2010-02-09&amp;amp;display_time=19:00:00&quot;);"><span class="pbswhatson-title">Ohio House of Representatives</span></a> <br />                                  </dd>                                                                                                                                              <dt class="pbswhatson-even"> 8:30pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16671&amp;amp;station=WVIZ&amp;amp;title_id=54962&amp;amp;display_date=2010-02-09&amp;amp;display_time=20:30:00&quot;);"><span class="pbswhatson-title">Cornerstones: The African Americans</span></a> <br />                                  </dd>                                                                        <dt class="pbswhatson-odd"> 9:30pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16671&amp;amp;station=WVIZ&amp;amp;title_id=54211&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:30:00&quot;);"><span class="pbswhatson-title">Ohio Senate</span></a> <br />                                  </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS World >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-tonight-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 8:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=19618&amp;amp;station=WVIZ&amp;amp;title_id=AMEX&amp;amp;display_date=2010-02-09&amp;amp;display_time=20:00:00&quot;);"><span class="pbswhatson-title">American Experience</span></a> <br />                 <span class="pbswhatson-subtitle">The Bombing of Germany</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even"> 9:00pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=19618&amp;amp;station=WVIZ&amp;amp;title_id=NKFH&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:00:00&quot;);"><span class="pbswhatson-title">Nickles from Heaven</span></a> <br />                                  </dd>                                                                        <dt class="pbswhatson-odd">10:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=19618&amp;amp;station=WVIZ&amp;amp;title_id=MLNH&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">PBS NewsHour</span></a> <br />                                  </dd>                                                                                                     </dl>         </div>         </li><li class="pbswhatson-feed">         <b>WVIZ/PBS Create >></b>          <div>             <dl class="pbswhatson-programs pbswhatson-tonight-element">                                   <div class="displaydate">Tuesday, February  9</div>                  <dt class="pbswhatson-odd"> 8:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=WIMA&amp;amp;display_date=2010-02-09&amp;amp;display_time=20:00:00&quot;);"><span class="pbswhatson-title">The Winemakers</span></a> <br />                                  </dd>                                                                                                                                              <dt class="pbswhatson-even"> 8:30pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=BWWE&amp;amp;display_date=2010-02-09&amp;amp;display_time=20:30:00&quot;);"><span class="pbswhatson-title">Burt Wolf: What We Eat</span></a> <br />                 <span class="pbswhatson-subtitle">This Spud\'s for You: How the Potato Changed the World</span>                 </dd>                                                                        <dt class="pbswhatson-odd"> 9:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=RKSE&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:00:00&quot;);"><span class="pbswhatson-title">Rick Steves\' Europe</span></a> <br />                 <span class="pbswhatson-subtitle">France\'s Dordogne</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even"> 9:30pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=ROAD&amp;amp;display_date=2010-02-09&amp;amp;display_time=21:30:00&quot;);"><span class="pbswhatson-title">OpenRoad</span></a> <br />                 <span class="pbswhatson-subtitle">California Coast</span>                 </dd>                                                                        <dt class="pbswhatson-odd">10:00pm</dt>                 <dd class="pbswhatson-odd">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=VGAR&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:00:00&quot;);"><span class="pbswhatson-title">Victory Garden</span></a> <br />                 <span class="pbswhatson-subtitle">Inspired Gardens</span>                 </dd>                                                                                                                                              <dt class="pbswhatson-even">10:30pm</dt>                 <dd class="pbswhatson-even">                 <a href="javascript:PBSMultichannelEpisodeWindowPopUp(&quot;supersite=stations&amp;amp;display_feed=16432&amp;amp;station=WVIZ&amp;amp;title_id=NYWK&amp;amp;display_date=2010-02-09&amp;amp;display_time=22:30:00&quot;);"><span class="pbswhatson-title">New Yankee Workshop</span></a> <br />                 <span class="pbswhatson-subtitle">Garden Gate</span>                 </dd>                                                                  </dl>         </div>         </li>     </ul>       </div>     </div> </div>' };


(function() {
 YAHOO.util.Event.onAvailable("pbs-whatson", function() {
     var _d = PBS.whatson_multi;
     var el = document.getElementById("pbs-whatson");
     el.innerHTML = _d.html;

     var tab = new YAHOO.widget.TabView('pbs-whatson-internal');
     tab.addListener('activeTabChange', function(arg) {
         // console.log("in activeTabChange");
         var tabidx = this.get("activeIndex");

         if(arg.prevValue) {
             var oldtabidx = this.getTabIndex(arg.prevValue);
             _d.accordions[oldtabidx].removeListener("afterPanelOpen");
         }

         var _a = _d.accordions[tabidx];
         _a.addListener("afterPanelOpen", function() {
             var panels = _a.getElementsByClassName('yui-accordion-toggle');
             var activeIndex = 0;
             for(var i=0; i<panels.length; i++) {
                 if(YAHOO.util.Dom.hasClass(panels[i], 'active')) activeIndex=i;
             }

             // console.log("Panel number " + activeIndex + " opened.");
             for(var i=0; i<_d.tabs.length; i++) {
                 if(i != tabidx) _d.accordions[i].openPanel(activeIndex);
             }

             });
         });

     _d.whatsonTabs = tab;
     _d.accordions = new Array();

     for(var i=0; i<_d.tabs.length; i++) {
         var tabname = _d.tabs[i];
         var a = new YAHOO.widget.AccordionView('yui-accordionview-block-' + tabname, { width:'100%', expandItem:0 });
         _d.accordions[i] = a;
     }

     var ns = document.createElement('style');
     document.getElementsByTagName('head')[0].appendChild(ns);
     if(!window.createPopup) ns.appendChild(document.createTextNode(''));
     var s = document.styleSheets[document.styleSheets.length - 1];
     for(var selector in _d.style) {
         try {
             if(s.insertRule) s.insertRule(selector + _d.style[selector], s.cssRules.length)
             else s.addRule(selector, _d.style[selector]);
         } catch(e) {
             // Oh well.
         }
     }


     tab.set('activeIndex', _d.tabStart);
 });
})();
