<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>China Air Daily</title>
    <link rel="stylesheet" type="text/css" href="include/jquery/css/smoothness/jquery-ui-1.10.3.custom.min.css">
    <!-- old css -->
    <link rel="stylesheet" type="text/css" href="_css/layout2.css">
    <link rel="stylesheet" type="text/css" href="_css/new.css">
    <link rel="stylesheet" type="text/css" href="_css/twitter.css">
    <link href="css/bottom.css" rel="stylesheet" type="text/css" />
    <link href="css/content.css" rel="stylesheet" type="text/css" />
    <link href="css/header.css" rel="stylesheet" type="text/css" />
    <link href="css/comment.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>
    <script type="text/javascript" src="_js/jquery.mousewheel.min.js"></script>
    <!--
    <script type="text/javascript" src="_js/jquery.kinetic.min.js"></script>
    <script type="text/javascript" src="_js/jquery.smoothdivscroll-1.3-min.js"></script>
    -->
    <script type="text/javascript" src="_js/jquery.marquee.min.js"></script>
    <link href="css/smoothDivScroll.css" rel="Stylesheet" type="text/css" >
      <script type="text/javascript" src="include/jquery/js/jquery.blockUI.js"></script>
      <script type="text/javascript">
      </script>
            <style>
      text{
      font-size:8px;
      }
      </style>
    </head><body>
    <div id="header">
      <div class="header">
        <img src="images/logo.png" class="logo-image"><img src="images/logo-text.png" width="198" height="47" class="logo-text" />
        <a href="http://asiasociety.org/center-us-china-relations" target="_blank"><img src="images/asia-society.png" width="74" height="32" border="0" class="asia-society" align="right"/>
        <span class="header-text-line1">Center on</span><br />
        <span class="header-text-line2">U.S.-China Relations</span><br />
        </a>
        <ul id="top-menu-nav">
          <li><div id="divSpinner" style="padding-top:10px;padding-right:25px;width:22px;"></div></li>
          <li id="AllPrev" class="noShow"><div id="btnPrev"><img id="arrow_left" src="images/btn-arrow-left-normal.png" width="18" height="45"/></div></li>
          <span id="menuContent"></span>
          <li id="AllNext" class="noShow"><div id="btnNext"><img id="arrow_right" src="images/btn-arrow-right-normal.png" width="18" height="45"/></div></li>
          
        </ul>
        <div id="Airlist1" class="info-div"></div>
      </div>
      <!--  style="height:576px;overflow:hidden;" -->
      <div>
        <!-- Action 1 start -->
        <div id="divAction1" class="content"><img id="imgCity0">
          <div class="date" id="txtCityDate">Loading...</div>
          <div id="btnDayPrev" class="arrow-left">
            <div class="arrow-left-link"></div>
            Previous Day<br  />
            <span id="txtDayPrev"></span>
          </div>
          <div id="btnDayNext" class="arrow-right">
            <div class="arrow-right-link"></div>
            Next Day<br  />
            <span id="txtDayNext"></span>
          </div>
          <div id="divtickerbar" class="ticker-bar">
            <div class="ticker-text">
              <img src="_img/FunctionZone/BottonItem03-Info.png" alt="" width="25" height="25" id="btnTicker" class="ticker-img"/>
              <span class="ticker-title-worst">Cities with the <span id="level"></span> AQI Rating</span>
            </div>
            <span id="ticker-aqi" style="width:600px;height:50px;">
            <div class="height1000" id="scrollingText" style="width:695px;position: relative;left:300px; top: -40px;">
              <div class="scrollingHotSpotLeft" style="display: none;"></div>
              <div class="scrollingHotSpotRight" style="display: none;"></div>
              <div class="scrollWrapper">
                <div class="marquee">
                  <div id="text" class="scrollableArea" style="width: 1300px;">
                  </div>
                </div>
              </div>
            </div>
            </span>
          </div>
        </div>
        <!-- Action 1 end -->
        
        <!-- Action 3 start -->
        <div id="divAction3" class="content-month noShow">
          <div class="content-month-title">LAST 30-DAY GRID</div>
          <span id="spanCity30"></span>
        </div>
        <!-- Action 3 end -->
        
        <div id="hidden_marquee" style="display:none"></div>
      </div>
      
      <div id="bottom-nav">
        
        <div class="bottom-content">
          <div class="bottom-left">
            <a href="javascript:void(0)"><img id="btnAction1" class="single-view active" src="images/single-view.png" width="95" height="44" /></a>
            <a href="javascript:void(0)"><img id="btnAction2" class="time-lapse" src="images/time-lapse-view.png" width="123" height="44" /></a>
            <a href="javascript:void(0)"><img id="btnAction3" class="day-view" src="images/30-day-view.png" width="99" height="44" /></a>
            <a href="https://www.facebook.com/ChinaAirDaily" target="_blank"><img class="follow-facebook" src="images/follow-facebook.png" width="156" height="44" /></a>
            <img id="goComment" class="comment" src="images/comment.png" width="156" height="44" /><br />
            <img class="share-large" src="images/social/share_BG.png" width="318" height="44" />
            <img id="iconfb" src="images/social/button-facebook-normal.png" width="27" height="28" class="rollover2" />
            <img id="icontweet" src="images/social/button-twitter-normal.png" width="27" height="28" class="rollover2"/>
            <img id="iconwei" src="images/social/button-sina-normal.png" width="27" height="28" class="rollover2"/>
            <img id="iconren" src="images/social/button-renren-normal.png" width="27" height="28" class="rollover2" />
            <img id="iconstar" src="images/social/button-star-normal.png" width="27" height="28" class="rollover2" />
            <img id="iconmail" src="images/social/button-email-normal.png" width="27" height="28" class="rollover2"  />
            <div id="fbCount" class="Item01-noteNum noShow">0</div>
          </div>
          <div id="calendarLeft" class="bottom-table">Loading...</div>
          <div class="graph" id="BottonItem03In" style="background-image: url(images/graph.png); width: 316px; height: 150px; background-position: 50% 50%; background-repeat: no-repeat no-repeat;">
            <div id="divChart">
              <span id="MonthlyItemInfoBubble" class="infobox_graph noShow">
              <div id="floatL" class="floatL BubbleTopRed ">PM2.5 China: 0</div>
              <div id="floatR" class="floatR BubbleTopGreen">PM2.5 USA: 0</div>
              <div id="infobox_graph_memo">This chart compares U.S. and China AQI measurements for a given place over a <br/>30 day period.</div></span>
              <img id="btnBottonItem03" src="_img/FunctionZone/BottonItem03-Info.png" width="25" height="25" style="cursor:pointer;">
              <img id="divMask" src="images/graphMask.png" width="316" height="140">
              <div id="divMaskTxt"><table><td>25</td><td>1</td><td>5</td><td>10</td><td>15</td></table></div>
              <div id="imgChart"></div></div>
            </div>
            <div class="map"><img id="imgMapImage" src="images/map-china.png" width="146" height="140" /></div>
          </div>
          <div id="comment-div">
            <div class="grey-line">
              <img src="images/grey-line.png" width="980" height="1" />
            </div>
            <div class="comments">
              <div id="BigOut">
                <div class="GrayAll">
                  <div class="GrayRight">
                    <div class="TitleFont2 TitleFontColor2" style="text-align:center;">Our Other Sites</div>
                    <div id="otherSite"></div>
                    <div class="divLine"></div>
                    <!-- #5321 othersites -->
                    <div id="rightInfo">
                      <div class="TitleFont3 TitleFontColor2">Other Resources and Reports</div>
                                          </div>
                    
                    <div class="divLine"></div>
                    <!-- fb -->
                    <div class="GrayRightFBApp">
                      <div class="frameFBHeader"></div>
                      <iframe id="frameFB" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FChinaAirDaily&amp;width=260&amp;connections=8&amp;stream=false&amp;header=false&amp;height=310" scrolling="no" frameborder="0"></iframe>
                    </div>
                    <!-- twitter -->
                    <div class="divLine"></div>
                    <!-- <div id="GrayTwitter" class="GrayRightFBApp">
                      <div id="twitter_header" class="TwitterTop"><div class="TwitterTopLink"><a href="https://twitter.com/#!/ChinaAirDaily" target="_blank">Follow Us</a></div>Latest Tweets </div>
                      <div id="tweets" title="ChinaAirDaily" class="TwitterUl"></div>
                      <div class="TwitterMore"><a href="javascript:twiMore();">View More</a></div>
                    </div>
                    <div class="divLine"></div> -->
                  </div>
                  <!-- #5321 ExtraFeatures -->
                  <div>
                    <div class="TitleFont1 TitleFontColor1">Extra Features</div>
                    </br>
                    <div class="GrayTextTitle">Video: Fresh Air By 2030</div>
                    </br>
                    <iframe src="https://player.vimeo.com/video/116893957?color=0062a0" width="680" height="382" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                    </br>
                    <div class="GrayText"><a target="_blank" href="http://sites.asiasociety.org/chinagreen/fresh-air-by-2030/">Fresh Air By 2030</a></div>
                  </div>
                  <!-- #5321 moreFeater -->
                  <div>
                    <!-- #5321 <div class="GrayText"></div>
                    <p>&nbsp;</p>
                    <div class="divLine"></div>
                    <p>&nbsp;</p>-->
                    <div class="CommentsAll" style="padding-top:15px;">
                      <div id="CommentCount" class="TitleFont1 TitleFontColor2" style="padding-bottom:10px;">0 Comments:</div>
                      <div id="CommentsAll"></div>
                      <div id="ViewMore" class="ViewMore"><a href="javascript:shwComments();">View More</a></div>
                    </div>
                    <div class="divLine"></div>
                    <div id="CommentTitle" class="TitleFont1 TitleFontColor2">Comments:</div>
                    <div id="CommentForm" class="FromSet">
                      <form id="form1" name="form1" method="post" action="">
                        <div class="From01">
                          <input name="txtName" type="text" id="txtName" />
                        </div>
                        <div class="From02 ">
                          <div class="From02Note"> Your email will NOT be displayed, it helps you bypass moderation, which all
                          first time comment posters will be subject to.</div>
                          <input type="text" name="txtEmail" id="txtEmail" />
                        </div>
                        <div class="From03">
                          <textarea name="txtComment" id="txtComment"></textarea>
                        </div>
                        <div>
                          <img id="btnSubmit" name="btnSubmit" src="_img/greyZone/bt_Submit_off.png" class="rollover" />
                        </div>
                      </form>
                      
                      
                      <p>&nbsp;</p>
                      <p>&nbsp;</p>
                      <!--                       <div class="GrayLeft">
                        <div class="TitleFontA">A</div>
                        <div class="GrayText" style="line-height:18px;"><span style="font-size:12px;">production by Asia Society <span class="underline"><a href="http://asiasociety.org/policy/center-us-china-relations" target="_blank">Center on US-China Relations</a></span> <a href="http://e.weibo.com/asiasocietyuschina" target="_blank"><img src="_img/GGlisten/icon_s.png" width="11" height="11" border="0" /></a><br />
                          Special thanks to <span class="underline"><a href="http://lance-modis.eosdis.nasa.gov/imagery/subsets/index.php?project=aeronet" target="_blank">NASA LANCE Rapid Response</a></span> (Robert Simon, Jeff Schmaltz), <span class="underline"><a href="http://www.air-resource.com/" target="_blank">Air Resource Specialist</a></span> <br />
                          (Scott Cismoski), George Allen, Fresh Ideas, Jeff Wang, Haichun Gao, David Barreda, Yiyang Cao </span><br />
                          Producer: <a href="http://michaelzhao.net" target="_blank">Michael Zhao</a> <a href="http://qing.weibo.com/petsrepublic" target="_blank"><img src="_img/GGlisten/icon_s.png" width="11" height="11" border="0" /></a><a href="https://twitter.com/#!/mkzhao" target="_blank"> <img src="_img/GGlisten/icon_t.png" width="11" height="11" border="0" /></a><br />
                          Executive Producer: <a href="http://orvilleschell.com/" target="_blank">Orville Schell</a> <a href="https://twitter.com/#!/orvilleschell" target="_blank"> <img src="_img/GGlisten/icon_t.png" width="11" height="11" border="0" /></a>  <br />
                          Design and development: <a href="http://www.thetigerparty.com/" target="_blank">The Tiger Party</a>
                          <br />
                          Photography: Jianan He, <span class="GrayText" style="line-height:18px;">Eric Lui </span>(Manli Zhao, Junyong Zhang, Kylie Chan), <a href="http://www.mwhazecam.net/" target="_blank">MidWest HazeCam</a>, <a href="http://phoenixvis.net/somt1/index.html" target="_blank">Phoenix Visibility Web Cameras</a> (Arizona State Department of Environmental Quality), David Green, <a href="http://www.chengduliving.com" target="_blank">Charlie Moseley</a> and other photographers in China (thanks to <a href="http://www.sinocism.com" target="_blank">Bill Bishop</a> and <a href="http://www.beijingcream.com" target="_blank"> Beijing Cream</a>)<br />
                          Credits: Yuanbo Liu, Angel Hsu, Yuling Jia, Li Rong, Deng Tian, Lei Li, Grace Norman, Catherine Colman, Ma Jun, Shenyu Belsky, Feng Yongfeng, Leah Thompson, Laura Chang, Yunfan Sun, Susie Jakes, Sara Segal-Williams, Bo Wang, Qiaoyi Zhuang, Bill Swersey, Jesse Erlbaum, Megan MacMurray, Dan Washburn, Alex Ortolani, Lin Yang/John Billingsley<br />
                        </div>
                        <br />
                      </div> -->
                      <div class="GrayLeft">
                        <div class="TitleFontA">A</div>
                        <div class="GrayText" style="line-height:18px;"><span style="font-size:12px;">production by Asia Society <span class="underline"><a href="http://asiasociety.org/policy/center-us-china-relations" target="_blank">Center on US-China Relations</a></span> <a href="http://e.weibo.com/asiasocietyuschina" target="_blank"><img src="_img/GGlisten/icon_s.png" width="11" height="11" border="0" /></a><br />
                          Producer: Michael Zhao<br />
                          Associate Producer: David Barreda <br/>
                          Executive Producer: Orville Schell<br />
                          Production Assistant: Zou Yanbing <br/>
                          Design and development: <a href="http://www.thetigerparty.com/" target="_blank">The Tiger Party</a><br/>
                          External Photo Sources: <a href="http://phoenixvis.net/somt1/index.html" target="_blank">Phoenix Visibility Web Cameras </a>
                          (Arizona State Department of Environmental Quality); <a href="http://hazecam.net/" target="_blank">Hazecam.net </a> (Newark photo archive)
                          <br />
                          Thanks: George Allen, Yuanbo Liu, Angel Hsu, Catherine Colman, Ma Jun, Shenyu Belsky, Leah Thompson, Laura Chang, Yunfan Sun, Susan Jakes, Jonathan Landreth, Sara Segal-Williams, Megan MacMurray, Dan Washburn, Alex Ortolani
                        </div>
                        <br />
                      </div>
                    </div>
                  </div>
                  <div class="noFloat"></div>
                </div>
              </div>  </div>
            </div>
          </div>
          <div id="msg"></div>
          <div class="divMain" id="divMsg"></div>
          <div id="dialog-form" title="Reply">
            <div class="FromSet">
              <form id="form1" name="form1" method="post" action="">
                <input name="hidPrevid" id="hidPrevid" type="hidden" />
                <div class="From01">
                  <input name="txtReName" type="text" id="txtReName" />
                </div>
                <div class="From02 ">
                  <div class="From02Note"> Your email will NOT be displayed, it helps you bypass moderation, which all
                  first time comment posters will be subject to.</div>
                  <input type="text" name="txtReEmail" id="txtReEmail" />
                </div>
                <div class="From03">
                  <textarea name="txtReComment" id="txtReComment"></textarea>
                </div>
                <div>
                  <img id="btnReSubmit" name="btnReSubmit" src="_img/greyZone/bt_Submit_off.png" class="rollover" />
                </div>
              </form>
            </div>
          </div>
          <script src="include/jqueryPieChartCount/jquery.piechartcountdown.js"></script>
          <script type="text/javascript" src="include/javascript/common.js"></script>
          <script type="text/javascript">
          google.load("visualization", "1", {packages:["corechart"]});
          $.blockUI({ css: {
          border: 'none',
          padding: '15px',
          backgroundColor: '#000',
          '-webkit-border-radius': '10px',
          '-moz-border-radius': '10px',
          opacity: .6,
          color: '#fff'
          } });
          function goLoading(){
          }
          //goLoading();
          /*
          function getInitScript(){
          $.getScript( "_ajax/index.js" )
          .done(function( script, textStatus ) {
          //alert('done ' + textStatus);
          })
          .fail(function( jqxhr, settings, exception ) {
          //alert('fail ' + exception);
          });
          }
          setTimeout(getInitScript,1);
          */
          </script>
          <script type="text/javascript" src="_ajax/index.min.js"></script>
          <script type="text/javascript">
          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-32862765-1']);
          _gaq.push(['_trackPageview']);
          (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
          })();
          </script>
        </body>
      </html>