Team:Peking

From 2012.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
<html>
+
<html></p>
-
</p>
+
<style type="text/css">
-
<h2>Programming Cells to Talk Through Light</h2>
+
-
<br />
+
-
<p style="text-align:justify;">During the last few decades, chemically regulated genetic systems have been thoroughly developed and analyzed. Though remarkable endeavors were made towards this issue, the disadvantages of chemical regulation remain: the high cost of chemical synthesis, the diffusion limits, the insecurity and the limited choices of chemicals. </p>
+
-
<br/>
+
-
<p style="text-align:justify;">Such incommodity calls for a new generation of optogenetics expression systems. Since first demonstrated in 2002, the contributions of optogenetics have been far beyond that of neuroscience due to the fact that light is more controllable, compared with chemicals, to regulate molecular and cellular behavior. However, most optogenetics methods rely on laser, which limits their field application. This summer, Peking iGEM is endeavoring on developing a new luminescence sensor, which is expected to be sensitive to natural light and even bio-luminescence. Based on this ultrasensitive luminescence sensor, we are trying to program cells to talk through light. The light-communication between cells attempts to overcome various limitations of conventional quorum sensing and accomplish ‘genuine’ self-organization within a population beyond chemical diffusion. </p>
+
-
<p>
+
/*
 +
* Peking 2012 Header
 +
* by Sun Sibai
 +
* this = /Team:Peking/Gallery
 +
* this = /Team:Peking (for temporary)
 +
*/
 +
 
 +
body /* UltraGlobal Environment (origin item) */
 +
{
 +
  background-color: #01010d; /*#222222;*//*#221900;*//*#01010d;*/
 +
}
 +
#blank ,
 +
#blank *
 +
{
 +
  background-color: transparent;
 +
  background-image: url("");
 +
  border-style: none;
 +
  margin: 0 auto;
 +
  padding: 0;
 +
}
 +
 
 +
#globalWrapper /* Global Environment (origin item) */
 +
{
 +
  background-color: transparent;
 +
  background-attachment: fixed;
 +
  background-position: 50% 0;
 +
  background-repeat: no-repeat;
 +
  background-image: url("/wiki/images/b/bd/Peking2012_N_Home_Background.jpg");
 +
  overflow: hidden;
 +
}
 +
 
 +
/* Remove Top Item (origin item) */
 +
#top-section
 +
{
 +
  display: none;
 +
}
 +
#top
 +
{
 +
  display: none;
 +
}
 +
h1.firstHeading
 +
{
 +
  display: none;
 +
}
 +
 
 +
/* Inner Environment (origin item) */
 +
#content
 +
{
 +
  background-color: transparent;
 +
  background-image: url("");
 +
  background-attachment: scroll;
 +
  background-position: 50% 0;
 +
  background-repeat: repeat-y;
 +
  overflow: hidden;
 +
  border-style: none;
 +
}
 +
#footer-box
 +
{
 +
  background-color: transparent;
 +
  background-image: none;
 +
  border-style: none;
 +
  margin-top: 100px;
 +
}
 +
#catlinks
 +
{
 +
  display: none;
 +
}
 +
#content a,
 +
#content a:hover
 +
{
 +
  color: #b3f3ff;
 +
  display: inline;
 +
}
 +
#content a:link,
 +
#content a:visited
 +
{
 +
  text-decoration: none;
 +
}
 +
#content a:hover,
 +
#content a:active
 +
{
 +
  text-decoration: underline;
 +
}
 +
 
 +
/* Bottom Environment (origin item) */
 +
#footer-box a,
 +
#footer-box a:hover
 +
{
 +
  color: #e8e7b9;
 +
  text-decoration: none;
 +
  display: inline;
 +
}
 +
 
 +
ul
 +
{
 +
  list-style-image: none;
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
li
 +
{
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
p
 +
{
 +
  font-family: Arial, sans-serif;
 +
  color: #ffffff;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
/* Common Environment */
 +
.center
 +
{
 +
  text-align: center;
 +
  margin: 0 auto;
 +
}
 +
.floatL
 +
{
 +
  float: left;
 +
  clear: left;
 +
}
 +
.floatR
 +
{
 +
  float: right;
 +
  clear: right;
 +
}
 +
.floatC
 +
{
 +
  text-align: center;
 +
  margin: 0 auto;
 +
  float: none;
 +
  clear: both;
 +
}
 +
.blank
 +
{
 +
  filter: Alpha(Opacity=0%);
 +
  -moz-opacity: 0;
 +
  opacity: 0;
 +
}
 +
.hidden
 +
{
 +
  display: none;
 +
}
 +
.show
 +
{
 +
  display: block;
 +
}
 +
.show-text
 +
{
 +
  display: inline;
 +
}
 +
.button img
 +
{
 +
  display: block;
 +
}
 +
 
 +
ul.horizontal > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: none;
 +
  overflow: hidden;
 +
}
 +
ul.vertical > li
 +
{
 +
  display: block;
 +
  float: left;
 +
  clear: both;
 +
  overflow: hidden;
 +
}
 +
 
 +
/* Special Construction */
 +
 
 +
  /***--- Top MenuBar ---***/
 +
#PKU_menubar
 +
{
 +
  background-attachment: fixed;
 +
  background-repeat: repeat-x;
 +
  background-image: url("");
 +
  background-color: #01010d;
 +
  overflow: hidden;
 +
  position: fixed;
 +
  padding: 0;
 +
  margin: 0 auto;
 +
  top: 0;
 +
  width: 965px;
 +
  height: 20px;
 +
  font-family: Arial, sans-serif;
 +
  font-size: 15px;
 +
  font-weight: bold;
 +
  line-height: 20px;
 +
  z-index: 100;
 +
  filter: Alpha(Opacity=70%);
 +
  -moz-opacity: 0.7;
 +
  opacity: 0.7;
 +
}
 +
#PKU_menubar a:link,
 +
#PKU_menubar a:visited
 +
{
 +
  color: #e8e7b9;
 +
}
 +
#PKU_menubar a:hover
 +
{
 +
  color: #f9f8ca;
 +
}
 +
#PKU_menubar a:active
 +
{
 +
  color: #ffee66;
 +
}
 +
.PKU_menubar_left
 +
{
 +
  float: left;
 +
  clear: none;
 +
  padding: 0 30px 0 5px;
 +
  margin: 0;
 +
}
 +
.PKU_menubar_right
 +
{
 +
  float: right;
 +
  clear: none;
 +
  padding: 0 5px 0 30px;
 +
  margin: 0;
 +
}
 +
#PKU_menubar_Watch ,
 +
#PKU_menubar_Unwatch ,
 +
#PKU_menubar_User ,
 +
#PKU_menubar_Account ,
 +
#PKU_menubar_LogOut
 +
{
 +
  display: none;
 +
}
 +
#PKU_menubar_iGEM ,
 +
#PKU_menubar_ViewSource ,
 +
#PKU_menubar_History ,
 +
#PKU_menubar_LogIn
 +
{
 +
  display: inline;
 +
}
 +
 
 +
  /***--- Gallery ---***/
 +
#PKU_gallery .PKU_Box11
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/9/94/Peking2012_N_Home_Mask_11.png");
 +
}
 +
#PKU_gallery .PKU_Box12
 +
{
 +
  width: 682px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/2/2c/Peking2012_N_Home_Mask_12.png");
 +
}
 +
#PKU_gallery .PKU_Box13
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/6/6b/Peking2012_N_Home_Mask_13.png");
 +
}
 +
#PKU_gallery .PKU_Box21
 +
{
 +
  width: 34px;
 +
  height: 202px;
 +
  background-image: url("/wiki/images/4/45/Peking2012_N_Home_Mask_21.png");
 +
}
 +
#PKU_gallery .PKU_Box22
 +
{
 +
  width: 682px;
 +
  height: 202px;
 +
  background-image: url("/wiki/images/c/ca/Peking2012_N_Home_Mask_22.png");
 +
}
 +
#PKU_gallery .PKU_Box23
 +
{
 +
  width: 34px;
 +
  height: 202px;
 +
  background-image: url("/wiki/images/f/fc/Peking2012_N_Home_Mask_23.png");
 +
}
 +
#PKU_gallery .PKU_Box31
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/9/96/Peking2012_N_Home_Mask_31.png");
 +
}
 +
#PKU_gallery .PKU_Box32
 +
{
 +
  width: 682px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/8/80/Peking2012_N_Home_Mask_32.png");
 +
}
 +
#PKU_gallery .PKU_Box33
 +
{
 +
  width: 34px;
 +
  height: 34px;
 +
  background-image: url("/wiki/images/9/99/Peking2012_N_Home_Mask_33.png");
 +
}
 +
 
 +
#PKU_gallery_logo
 +
{
 +
  width: 100px;
 +
  height: 100px;
 +
  margin: 0 31px 0 32px;
 +
  padding: 33px 0px 27px 0px;
 +
  filter: Alpha(Opacity=100%);
 +
  -moz-opacity: 1.0;
 +
  opacity: 1.0;
 +
}
 +
 
 +
.PKU_gallery_button
 +
{
 +
  width: 160px;
 +
  height: 160px;
 +
  margin: 0 7px 0 7px;
 +
  filter: Alpha(Opacity=70%);
 +
  -moz-opacity: 0.7;
 +
  opacity: 0.7;
 +
}
 +
 
 +
.PKU_gallery_buttonLN
 +
{
 +
  width: 90px;
 +
  height: 90px;
 +
  filter: Alpha(Opacity=100%);
 +
  -moz-opacity: 1.0;
 +
  opacity: 1.0;
 +
}
 +
.PKU_gallery_buttonLN:hover
 +
{
 +
  cursor: hand;
 +
}
 +
 
 +
.PKU_gallery_row1
 +
{
 +
  margin: 3px 0 3px 0;
 +
}
 +
 
 +
.PKU_gallery_row2
 +
{
 +
  margin: -9px 29px 0 2px;
 +
}
 +
 
 +
#PKU_gallery_row2col1 > li
 +
{
 +
  margin: 0 0 -10px 0;
 +
}
 +
 
 +
#PKU_gallery_row2col2
 +
{
 +
  margin: 0 0 -1px 0;
 +
}
 +
 
 +
#PKU_gallery_row2col2row2
 +
{
 +
  margin: 0 0 -22px 0;
 +
  height: 270px;
 +
}
 +
 
 +
#PKU_gallery_pkuname img
 +
{
 +
  width: 230px;
 +
  height: 46px;
 +
}
 +
#PKU_gallery_pkuname
 +
{
 +
  margin: 0 33px 0 7px;
 +
  padding: 57px 0 57px;
 +
  filter: Alpha(Opacity=100%);
 +
  -moz-opacity: 1.0;
 +
  opacity: 1.0;
 +
}
 +
 
 +
#PKU_gallery_title img
 +
{
 +
  width: 750px;
 +
  height: 160px;
 +
}
 +
#PKU_gallery_title
 +
{
 +
  margin: 0 0 -55px 0;
 +
  filter: Alpha(Opacity=100%);
 +
  -moz-opacity: 1.0;
 +
  opacity: 1.0;
 +
}
 +
 
 +
#PKU_gallery_container
 +
{
 +
  filter: Alpha(Opacity=100%);
 +
  -moz-opacity: 1.0;
 +
  opacity: 1.0;
 +
}
 +
 
 +
#PKU_gallery_context
 +
{
 +
  overflow: hidden;
 +
  width: 682px;
 +
  height: 202px;
 +
}
 +
 
 +
#PKU_gallery_context p
 +
{
 +
  color: #ffffff;
 +
}
 +
 
 +
#PKU_gallery_pagenavi
 +
{
 +
  padding: 23px 182px 23px 182px;
 +
  filter: Alpha(Opacity=100%);
 +
  -moz-opacity: 1.0;
 +
  opacity: 1.0;
 +
}
 +
#PKU_gallery_navi
 +
{
 +
  width: 206px;
 +
  height: 44px;
 +
  padding: 0 11px 0 11px;
 +
}
 +
#PKU_gallery_navi li
 +
{
 +
  width: 34px;
 +
  height: 44px;
 +
  padding: 0 1px 0 1px;
 +
}
 +
 
 +
.PKU_gallery_section_v,
 +
.PKU_gallery_section_h
 +
{
 +
  width: 682px;
 +
  height: 202px;
 +
  overflow: hidden;
 +
}
 +
</style>
 +
 
 +
<ul id="PKU_menubar" class="noprint">
 +
  <li id="PKU_menubar_iGEM" class="PKU_menubar_left" >
 +
    <a id="PKU_menubar_iGEM_img" href="/Main_Page" title="iGEM Home Page"><img src="/wiki/images/2/27/Peking2012_iGEM18.png" alt="iGEM Home" /></a>
 +
    <a id="PKU_menubar_iGEM_span" href="/Main_Page" title="iGEM Home Page" >iGEM</a>
 +
  </li>
 +
  <li id="PKU_menubar_ViewSource" class="PKU_menubar_left" >
 +
    <a id="PKU_menubar_ViewSource_img" href="#" title="View Page Source"><img src="/wiki/images/7/7e/Peking2012_ViewSource18.png" alt="View source" /></a>
 +
    <a id="PKU_menubar_ViewSource_span" href="#" title="View Page Source" >View source</a>
 +
  </li>
 +
  <li id="PKU_menubar_Watch" class="PKU_menubar_left" >
 +
    <a id="PKU_menubar_Watch_img" href="#" title="Watch this Page"><img src="/wiki/images/3/31/Peking2012_Watch18.png" alt="Watch" /></a>
 +
    <a id="PKU_menubar_Watch_span" href="#" title="Watch this Page" >Watch</a>
 +
  </li>
 +
  <li id="PKU_menubar_Unwatch" class="PKU_menubar_left" >
 +
    <a id="PKU_menubar_Unwatch_img" href="#" title="Cancel Watching State"><img src="/wiki/images/d/d5/Peking2012_Unwatch18.png" alt="Unwatch" /></a>
 +
    <a id="PKU_menubar_Unwatch_span" href="#" title="Cancel Watching State" >Unwatch</a>
 +
  </li>
 +
  <li id="PKU_menubar_History" class="PKU_menubar_left" >
 +
    <a id="PKU_menubar_History_img" href="#" title="View Page History"><img src="/wiki/images/b/bc/Peking2012_History18.png" alt="History" /></a>
 +
    <a id="PKU_menubar_History_span" href="#" title="View Page History" >History</a>
 +
  </li>
 +
  <li id="PKU_menubar_LogOut" class="PKU_menubar_right" >
 +
    <a id="PKU_menubar_LogOut_img" href="#" title="Bye!"><img src="/wiki/images/1/10/Peking2012_LogOut18.png" alt="Log out" /></a>
 +
    <a id="PKU_menubar_LogOut_span" href="#" title="Bye!" >Log out</a>
 +
  </li>
 +
  <li id="PKU_menubar_LogIn" class="PKU_menubar_right" >
 +
    <a id="PKU_menubar_LogIn_img" href="#" title="Hello!"><img src="/wiki/images/a/a8/Peking2012_LogIn18.png" alt="Log in" /></a>
 +
    <a id="PKU_menubar_LogIn_span" href="#" title="Hello!" >Log in</a>
 +
  </li>
 +
  <li id="PKU_menubar_Account" class="PKU_menubar_right" >
 +
    <a id="PKU_menubar_Account_img" href="https://igem.org/User_Information" title="My Profile"><img src="/wiki/images/6/64/Peking2012_Account18.png" alt="Account" /></a>
 +
    <a id="PKU_menubar_Account_span" href="https://igem.org/User_Information" title="My Profile" >Account</a>
 +
  </li>
 +
  <li id="PKU_menubar_User" class="PKU_menubar_right" >
 +
    <a id="PKU_menubar_User_img" href="#" title="My Page"><img src="/wiki/images/0/0e/Peking2012_User18.png" alt="User" /></a>
 +
    <a id="PKU_menubar_User_span" href="#" title="My Page" ></a>
 +
  </li>
 +
</ul>
 +
 
 +
<!--<div id="blank"><pre style="width:100%;height:20px;">&#32;</pre></div>-->
 +
 
 +
<script type="text/javascript" >
 +
/*
 +
* Peking 2012 TopBar
 +
* by Sun Sibai
 +
* E-mail: sun.niasw@gmail.com
 +
*/
 +
var thispage = document.location.toString().slice("https://2012.igem.org/".length); /* relative location */
 +
document.getElementById('PKU_menubar_ViewSource_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=edit';
 +
document.getElementById('PKU_menubar_Watch_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=watch';
 +
document.getElementById('PKU_menubar_Unwatch_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=unwatch';
 +
document.getElementById('PKU_menubar_History_span').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=history';
 +
document.getElementById('PKU_menubar_LogOut_span').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogout' + '&'.substring(0,1) + 'returnto=' + thispage;
 +
document.getElementById('PKU_menubar_LogIn_span').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogin' + '&'.substring(0,1) + 'returnto=' + thispage;
 +
document.getElementById('PKU_menubar_ViewSource_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=edit';
 +
document.getElementById('PKU_menubar_Watch_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=watch';
 +
document.getElementById('PKU_menubar_Unwatch_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=unwatch';
 +
document.getElementById('PKU_menubar_History_img').href = 'https://2012.igem.org/wiki/index.php?title=' + thispage + '&'.substring(0,1) + 'action=history';
 +
document.getElementById('PKU_menubar_LogOut_img').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogout' + '&'.substring(0,1) + 'returnto=' + thispage;
 +
document.getElementById('PKU_menubar_LogIn_img').href = 'https://2012.igem.org/wiki/index.php?title=Special:UserLogin' + '&'.substring(0,1) + 'returnto=' + thispage;
 +
 
 +
var tmpstr = document.getElementById('pt-userpage').innerHTML;
 +
var username;
 +
 
 +
if (tmpstr!=undefined)
 +
{
 +
  username = tmpstr.substring(tmpstr.lastIndexOf('<'),tmpstr.indexOf('>')+1);
 +
  document.getElementById('PKU_menubar_User_span').innerHTML = username;
 +
  document.getElementById('PKU_menubar_User_span').href = 'https://2012.igem.org/User:' + username;
 +
  document.getElementById('PKU_menubar_User_img').href = 'https://2012.igem.org/User:' + username;
 +
  document.getElementById('PKU_menubar_User').style.display='inline';
 +
  document.getElementById('PKU_menubar_Account').style.display='inline';
 +
  document.getElementById('PKU_menubar_LogOut').style.display='inline';
 +
  document.getElementById('PKU_menubar_LogIn').style.display='none';
 +
  tmpstr = document.getElementById('menubar').innerHTML;
 +
  if (tmpstr.search('unwatch')!=-1)
 +
  {
 +
    document.getElementById('PKU_menubar_Watch').style.display='none';
 +
    document.getElementById('PKU_menubar_Unwatch').style.display='inline';
 +
  }
 +
  else if (tmpstr.search('watch')!=-1)
 +
  {
 +
    document.getElementById('PKU_menubar_Watch').style.display='inline';
 +
    document.getElementById('PKU_menubar_Unwatch').style.display='none';
 +
  }
 +
  else
 +
  {
 +
    document.getElementById('PKU_menubar_Watch').style.display='none';
 +
    document.getElementById('PKU_menubar_Unwatch').style.display='none';
 +
  }
 +
}
 +
else
 +
{
 +
  document.getElementById('PKU_menubar_User').style.display='none';
 +
  document.getElementById('PKU_menubar_Account').style.display='none';
 +
  document.getElementById('PKU_menubar_LogOut').style.display='none';
 +
  document.getElementById('PKU_menubar_LogIn').style.display='inline';
 +
  document.getElementById('PKU_menubar_Watch').style.display='none';
 +
  document.getElementById('PKU_menubar_Unwatch').style.display='none';
 +
}
 +
 
 +
</script>
 +
 
 +
<div class="PKU_gallery_row1 floatL">
 +
<ul class="horizontal">
 +
  <li class="button" id="PKU_gallery_logo">
 +
  <a href="/Team:Peking" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" >
 +
    <img src="/wiki/images/f/fd/Peking2012_Logo100.png" alt="Logo" />
 +
    <img src="/wiki/images/f/fd/Peking2012_Logo100.png" alt="" />
 +
  </a>
 +
  </li>
 +
  <li class="button PKU_gallery_button">
 +
  <a name="PKU_gallery_button" href="/Team:Peking/Modeling" title="Click to Modeling Wiki" onmouseover="if (!IsBusy) {TrigleDemoSection(1);}" >
 +
    <img src="/wiki/images/c/c4/Peking2012_N_Home_Button_Modeling.png" alt="Modeling" />
 +
    <img src="/wiki/images/8/81/Peking2012_N_Home_Button_Active_Modeling.png" alt="" />
 +
  </a>
 +
  </li>
 +
  <li class="button PKU_gallery_button">
 +
  <a name="PKU_gallery_button" href="/Team:Peking/HumanPractice" title="Click to Human Practice Wiki" onmouseover="if (!IsBusy) {TrigleDemoSection(2);}" >
 +
    <img src="/wiki/images/8/87/Peking2012_N_Home_Button_HumanPractice.png" alt="HumanPractice" />
 +
    <img src="/wiki/images/4/42/Peking2012_N_Home_Button_Active_HumanPractice.png" alt="" />
 +
  </a>
 +
  </li>
 +
  <li class="button PKU_gallery_button">
 +
  <a name="PKU_gallery_button" href="/Team:Peking/Safety" title="Click to Safety Wiki" onmouseover="if (!IsBusy) {TrigleDemoSection(3);}" >
 +
    <img src="/wiki/images/2/2f/Peking2012_N_Home_Button_Safety.png" alt="Safety" />
 +
    <img src="/wiki/images/a/a3/Peking2012_N_Home_Button_Active_Safety.png" alt="" />
 +
  </a>
 +
  </li>
 +
  <li>
 +
  <div id="PKU_gallery_pkuname">
 +
    <img src="/wiki/images/6/68/Peking2012_N_Home_PekingUniv.png" alt="" />
 +
  </div>
 +
  </li>
 +
</ul>
 +
</div>
 +
<div class="PKU_gallery_row2 floatL">
 +
<ul class="horizontal">
 +
  <li>
 +
  <ul id="PKU_gallery_row2col1" class="vertical">
 +
    <li class="button PKU_gallery_button">
 +
    <a name="PKU_gallery_button" href="/Team:Peking/Team" title="Click to Team Wiki" onmouseover="if (!IsBusy) {TrigleDemoSection(4);}">
 +
      <img src="/wiki/images/5/5f/Peking2012_N_Home_Button_Team.png" alt="Team" />
 +
      <img src="/wiki/images/7/77/Peking2012_N_Home_Button_Active_Team.png" alt="" />
 +
    </a>
 +
    </li>
 +
    <li class="button PKU_gallery_button">
 +
    <a name="PKU_gallery_button" href="/Team:Peking/Project" title="Click to Project Wiki" onmouseover="if (!IsBusy) {TrigleDemoSection(5);}" >
 +
      <img src="/wiki/images/3/31/Peking2012_N_Home_Button_Project.png" alt="Project" />
 +
      <img src="/wiki/images/8/88/Peking2012_N_Home_Button_Active_Project.png" alt="" />
 +
    </a>
 +
    </li>
 +
    <li class="button PKU_gallery_button">
 +
    <a name="PKU_gallery_button" href="/Team:Peking/Parts" title="Click to Parts Wiki" onmouseover="if (!IsBusy) {TrigleDemoSection(6);}" >
 +
      <img src="/wiki/images/4/47/Peking2012_N_Home_Button_Parts.png" alt="Parts" />
 +
      <img src="/wiki/images/e/e7/Peking2012_N_Home_Button_Active_Parts.png" alt="" />
 +
    </a>
 +
    </li>
 +
  </ul>
 +
  </li>
 +
  <li id="PKU_gallery">
 +
  <ul id="PKU_gallery_row2col2" class="vertical">
 +
    <li id="PKU_gallery_title">
 +
    <div>
 +
      <img src="/wiki/images/b/ba/Peking2012_N_Home_Title.png" alt="" />
 +
    </div>
 +
    </li>
 +
    <li id="PKU_gallery_row2col2row2">
 +
    <ul id="PKU_gallery_container" class="vertical">
 +
      <li>
 +
      <ul class="horizontal">
 +
        <li>
 +
        <p class="PKU_Box11"></p>
 +
        </li>
 +
        <li>
 +
        <p name="PKU_gallery_BoxTB" class="PKU_Box12"></p>
 +
        </li>
 +
        <li>
 +
        <p class="PKU_Box13"></p>
 +
        </li>
 +
      </ul>
 +
      </li>
 +
      <li>
 +
      <ul class="horizontal">
 +
        <li>
 +
        <p name="PKU_gallery_BoxLR" class="PKU_Box21"></p>
 +
        </li>
 +
        <li>
 +
        <ul id="PKU_gallery_context" name="PKU_gallery_BoxC" class="PKU_Box22 vertical">
 +
          <li name="PKU_gallery_section_v" class="PKU_gallery_section_v">
 +
          <ul id="PKU_gallery_section_modeling" class="horizontal">
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Modeling Quickview and Wiki Page is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
          </ul>
 +
          </li>
 +
          <li name="PKU_gallery_section_v" class="PKU_gallery_section_v">
 +
          <ul id="PKU_gallery_section_humanpractice" class="horizontal">
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Our Human Practice Page has been partially constructed. <br /> click the circle above to Wiki Page.</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Human Practice Quickview is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Human Practice Quickview is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Human Practice Quickview is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
          </ul>
 +
          </li>
 +
          <li name="PKU_gallery_section_v" class="PKU_gallery_section_v">
 +
          <ul id="PKU_gallery_section_safety" class="horizontal">
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Our Safety Page has been constructed. <br /> click the circle above to Wiki Page.</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
          </ul>
 +
          </li>
 +
          <li name="PKU_gallery_section_v" class="PKU_gallery_section_v">
 +
          <ul id="PKU_gallery_section_team" class="horizontal">
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Team Quickview and Wiki Page is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
          </ul>
 +
          </li>
 +
          <li name="PKU_gallery_section_v" class="PKU_gallery_section_v">
 +
          <ul id="PKU_gallery_section_project" class="horizontal">
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>During the last few decades, chemically regulated genetic systems have been thoroughly developed and analyzed. Though remarkable endeavors were made towards this issue, the disadvantages of chemical regulation remain: the high cost of chemical synthesis, the diffusion limits, the insecurity and the limited choices of chemicals. <br /> Light, in contrast, is more controllable to regulate molecular and cellular behavior. However, most optogenetics methods rely on laser, which limits their field application. <br />
 +
This summer, Peking iGEM is endeavoring on developing a new ultra-sensitive luminescence sensor and has programmed cells to talk through light. </p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Project Quickview and Wiki Page is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p><br /> Project Quickview and Wiki Page is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p><br /><br />Project Quickview and Wiki Page is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p><br /><br /><br />Project Quickview and Wiki Page is comming soon...</p>
 +
            </li>
 +
          </ul>
 +
          </li>
 +
          <li name="PKU_gallery_section_v" class="PKU_gallery_section_v">
 +
          <ul id="PKU_gallery_section_parts" class="horizontal">
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p>Parts Quickview and Wiki Page is comming soon...</p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
            <li name="PKU_gallery_section_h" class="PKU_gallery_section_h">
 +
<p></p>
 +
            </li>
 +
          </ul>
 +
          </li>
 +
        </ul>
 +
        </li>
 +
        <li>
 +
        <p name="PKU_gallery_BoxLR" class="PKU_Box23"></p>
 +
        </li>
 +
      </ul>
 +
      </li>
 +
      <li>
 +
      <ul class="horizontal">
 +
        <li>
 +
        <p class="PKU_Box31"></p>
 +
        </li>
 +
        <li>
 +
        <p name="PKU_gallery_BoxTB" class="PKU_Box32"></p>
 +
        </li>
 +
        <li>
 +
        <p class="PKU_Box33"></p>
 +
        </li>
 +
      </ul>
 +
      </li>
 +
    </ul>
 +
    </li>
 +
    <li>
 +
    <ul class="horizontal">
 +
      <li class="button PKU_gallery_buttonLN">
 +
      <a id="PKU_gallery_ButtonL" onmouseover="ButtonMouseOverL();" onmouseout="ButtonMouseOutL();" onclick="if (!IsBusy) {TrigleDemoLast();}">
 +
        <img src="/wiki/images/b/b3/Peking2012_N_Home_Button_Last.png" alt="" />
 +
        <img src="/wiki/images/0/0c/Peking2012_N_Home_Button_Active_Last.png" alt="" />
 +
        <img src="/wiki/images/5/52/Peking2012_N_Home_Button_Invalid_Last.png" alt="" />
 +
<!--    <img id="PKU_gallery_opac_L" class="mask" src="/wiki/images/5/52/Peking2012_N_Home_Button_Invalid_Last.png" alt="" />  -->
 +
      </a>
 +
      </li>
 +
      <li class="button" id="PKU_gallery_pagenavi">
 +
      <ul class="horizontal" id="PKU_gallery_navi">
 +
        <li class="button">
 +
        <a onclick="if (!IsBusy) {TrigleDemo(1);}">
 +
          <img src="/wiki/images/b/b8/Peking2012_N_Home_Button_Page.png" alt="" />
 +
          <img src="/wiki/images/4/46/Peking2012_N_Home_Button_Page_Active.png" alt="" />
 +
        </a>
 +
        </li>
 +
        <li class="button">
 +
        <a onclick="if (!IsBusy) {TrigleDemo(2);}">
 +
          <img src="/wiki/images/b/b8/Peking2012_N_Home_Button_Page.png" alt="" />
 +
          <img src="/wiki/images/4/46/Peking2012_N_Home_Button_Page_Active.png" alt="" />
 +
        </a>
 +
        </li>
 +
        <li class="button">
 +
        <a onclick="if (!IsBusy) {TrigleDemo(3);}">
 +
          <img src="/wiki/images/b/b8/Peking2012_N_Home_Button_Page.png" alt="" />
 +
          <img src="/wiki/images/4/46/Peking2012_N_Home_Button_Page_Active.png" alt="" />
 +
        </a>
 +
        </li>
 +
        <li class="button">
 +
        <a onclick="if (!IsBusy) {TrigleDemo(4);}">
 +
          <img src="/wiki/images/b/b8/Peking2012_N_Home_Button_Page.png" alt="" />
 +
          <img src="/wiki/images/4/46/Peking2012_N_Home_Button_Page_Active.png" alt="" />
 +
        </a>
 +
        </li>
 +
        <li class="button">
 +
        <a onclick="if (!IsBusy) {TrigleDemo(5);}">
 +
          <img src="/wiki/images/b/b8/Peking2012_N_Home_Button_Page.png" alt="" />
 +
          <img src="/wiki/images/4/46/Peking2012_N_Home_Button_Page_Active.png" alt="" />
 +
        </a>
 +
        </li>
 +
      </ul>
 +
      </li>
 +
      <li class="button PKU_gallery_buttonLN">
 +
      <a id="PKU_gallery_ButtonN" onmouseover="ButtonMouseOverN();" onmouseout="ButtonMouseOutN();" onclick="if (!IsBusy) {TrigleDemoNext();}">
 +
        <img src="/wiki/images/0/07/Peking2012_N_Home_Button_Next.png" alt="" />
 +
        <img src="/wiki/images/4/43/Peking2012_N_Home_Button_Active_Next.png" alt="" />
 +
        <img src="/wiki/images/4/4d/Peking2012_N_Home_Button_Invalid_Next.png" alt="" />
 +
<!--    <img id="PKU_gallery_opac_N" class="mask" src="/wiki/images/4/4d/Peking2012_N_Home_Button_Invalid_Next.png" alt="" />  -->
 +
      </a>
 +
      </li>
 +
    </ul>
 +
    </li>
 +
  </ul>
 +
  </li>
 +
</ul>
 +
</div>
 +
 
 +
<script type="text/javascript" >
 +
/*
 +
* Peking 2012 Gallery
 +
* by Sun Sibai
 +
* E-mail: sun.niasw@gmail.com
 +
*
 +
* If you want to copy or modify this code, please declare: "This code is copied/modified from 2012 Peking iGEM Wiki."
 +
*/
 +
var IsBusy = true;
 +
 
 +
var buttonLastExist = 0;
 +
var buttonNextExist = 1;
 +
 
 +
function FadeObj(obj_Point, Alpha_Des = 1, Alpha_Cur = 0)
 +
{
 +
  this.obj = obj_Point;
 +
  this.alphaDes = Alpha_Des;
 +
  this.alphaCur = Alpha_Cur;
 +
  var self = this;
 +
  if (this.obj.style.filter.alpha!=undefined)
 +
  {
 +
    this.obj.style.filter.alpha.opacity = 100 * this.alphaCur + '%';
 +
  }
 +
  else if (this.obj.style.MozOpacity!=undefined)
 +
  {
 +
    this.obj.style.MozOpacity = this.alphaCur;
 +
  }
 +
  else
 +
  {
 +
    this.obj.style.opacity = this.alphaCur;
 +
  }
 +
 
 +
  this.FadeOut = function(speed=1) {
 +
    self.alphaCur -= 0.03*speed;
 +
    if (self.alphaCur>self.alphaDes)
 +
    {
 +
      setTimeout(self.FadeOut,50);
 +
    }
 +
    else
 +
    {
 +
      self.alphaCur = self.alphaDes;
 +
    }
 +
    self.Fresh();
 +
  };
 +
  this.FadeIn = function(speed=1) {
 +
    self.alphaCur += 0.03*speed;
 +
    if (self.alphaCur<self.alphaDes)
 +
    {
 +
      setTimeout(self.FadeIn,50);
 +
    }
 +
    else
 +
    {
 +
      self.alphaCur = self.alphaDes;
 +
    }
 +
    self.Fresh();
 +
  };
 +
}
 +
FadeObj.prototype.Fresh = function() {
 +
  if (this.obj.style.filter.alpha!=undefined)
 +
  {
 +
    this.obj.style.filter.alpha.opacity = 100 * this.alphaCur + '%';
 +
  }
 +
  else if (this.obj.style.MozOpacity!=undefined)
 +
  {
 +
    this.obj.style.MozOpacity = this.alphaCur;
 +
  }
 +
  else
 +
  {
 +
    this.obj.style.opacity = this.alphaCur;
 +
  }
 +
};
 +
FadeObj.prototype.Reset = function() {
 +
  this.alphaCur = 0;
 +
  this.Fresh();
 +
};
 +
 
 +
var galleryFadeTitle = new FadeObj(document.getElementById("PKU_gallery_title"));
 +
var galleryFadeButton = new Array();
 +
for (var objit=0,objs=document.getElementsByName("PKU_gallery_button");objit<objs.length;++objit)
 +
{
 +
  galleryFadeButton[objit] = new FadeObj(objs[objit],0.8);
 +
}
 +
var galleryFadeContext = new FadeObj(document.getElementById("PKU_gallery_container"));
 +
var galleryFadeButtonL = new FadeObj(document.getElementById("PKU_gallery_ButtonL"));
 +
var galleryFadeButtonN = new FadeObj(document.getElementById("PKU_gallery_ButtonN"));
 +
var galleryFadePageNavi = new FadeObj(document.getElementById("PKU_gallery_pagenavi"));
 +
var galleryFadePKUname = new FadeObj(document.getElementById("PKU_gallery_pkuname"));
 +
var galleryFadeLogo = new FadeObj(document.getElementById("PKU_gallery_logo"));
 +
 
 +
function FadeInGallery()
 +
{
 +
  setTimeout(galleryFadeTitle.FadeIn,500);
 +
  for (var objit=0;objit<galleryFadeButton.length;++objit)
 +
  {
 +
    setTimeout(galleryFadeButton[objit].FadeIn,1200);
 +
  }
 +
  setTimeout(galleryFadeContext.FadeIn,1600);
 +
  for (var objit=0;objit<galleryWidthContext.length;++objit)
 +
  {
 +
    setTimeout(galleryWidthContext[objit].Growth,1900);
 +
  }
 +
  setTimeout(galleryFadeButtonL.FadeIn,2000);
 +
  setTimeout(galleryFadeButtonN.FadeIn,2000);
 +
  setTimeout(galleryFadePageNavi.FadeIn,2200);
 +
  setTimeout(galleryFadePKUname.FadeIn,2800);
 +
  setTimeout(galleryFadeLogo.FadeIn,3000);
 +
  setTimeout("IsBusy=false;",3000);
 +
}
 +
 
 +
function WidthObj(obj_Point, Width_Des, Width_Cur)
 +
{
 +
  this.obj = obj_Point;
 +
  this.widthDes = Width_Des;
 +
  this.widthCur = Width_Cur;
 +
  var self = this;
 +
  this.obj.style.width = this.widthCur + 'px';
 +
 
 +
  this.Reset = function() {
 +
    self.widthCur = 0;
 +
    self.obj.style.width = self.widthCur + 'px';
 +
  };
 +
  this.Growth = function() {
 +
    self.widthCur += 40;
 +
    if (self.widthCur<self.widthDes)
 +
    {
 +
      setTimeout(self.Growth,50);
 +
    }
 +
    else
 +
    {
 +
      self.widthCur = self.widthDes;
 +
    }
 +
    self.obj.style.width = self.widthCur + 'px';
 +
  };
 +
  this.Wither = function() {
 +
    self.widthCur -= 100;
 +
    if (self.widthCur>self.widthDes)
 +
    {
 +
      setTimeout(self.Wither,50);
 +
    }
 +
    else
 +
    {
 +
      self.widthCur = self.widthDes;
 +
    }
 +
    self.obj.style.width = self.widthCur + 'px';
 +
  };
 +
}
 +
WidthObj.prototype.Fresh = function () {
 +
    this.obj.style.width = this.widthCur + 'px';
 +
};
 +
 
 +
var galleryWidthContext = new Array();
 +
galleryWidthContext[0] = new WidthObj(document.getElementById("PKU_gallery_context"),682,0);
 +
for (var objit=1,objs=document.getElementsByName("PKU_gallery_BoxTB");objit<=objs.length;++objit)
 +
{
 +
  galleryWidthContext[objit]=new WidthObj(objs[objit-1],682,0);
 +
}
 +
var galleryWidthPages = new Array();
 +
for (var objit=0,objs=document.getElementsByName("PKU_gallery_section_h");objit<objs.length;++objit)
 +
{
 +
  galleryWidthPages[objit]=new WidthObj(objs[objit],0,0);
 +
}
 +
 
 +
function HeightObj(obj_Point, Height_Des, Height_Cur)
 +
{
 +
  this.obj = obj_Point;
 +
  this.heightDes = Height_Des;
 +
  this.heightCur = Height_Cur;
 +
  var self = this;
 +
  this.obj.style.height = this.heightCur + 'px';
 +
 
 +
  this.Reset = function() {
 +
    self.heightCur = 0;
 +
    self.obj.style.height = self.heightCur + 'px';
 +
  };
 +
  this.Growth = function() {
 +
    self.heightCur += 20;
 +
    if (self.heightCur<self.heightDes)
 +
    {
 +
      setTimeout(self.Growth,50);
 +
    }
 +
    else
 +
    {
 +
      self.heightCur = self.heightDes;
 +
    }
 +
    self.obj.style.height = self.heightCur + 'px';
 +
  };
 +
  this.Wither = function() {
 +
    self.heightCur -= 20;
 +
    if (self.heightCur>self.heightDes)
 +
    {
 +
      setTimeout(self.Growth,50);
 +
    }
 +
    else
 +
    {
 +
      self.heightCur = self.heightDes;
 +
    }
 +
    self.obj.style.height = self.heightCur + 'px';
 +
  };
 +
}
 +
HeightObj.prototype.Fresh = function () {
 +
    this.obj.style.height = this.heightCur + 'px';
 +
};
 +
 
 +
var galleryHeightContext = new Array();
 +
galleryHeightContext[0] = new HeightObj(document.getElementById("PKU_gallery_context"),202,202);
 +
for (var objit=1,objs=document.getElementsByName("PKU_gallery_BoxLR");objit<=objs.length;++objit)
 +
{
 +
  galleryHeightContext[objit]=new HeightObj(objs[objit-1],202,202);
 +
}
 +
var galleryHeightPages = new Array();
 +
for (var objit=0,objs=document.getElementsByName("PKU_gallery_section_v");objit<objs.length;++objit)
 +
{
 +
  galleryHeightPages[objit]=new HeightObj(objs[objit],0,0);
 +
}
 +
 
 +
function ButtonMouseOver(objPointer)
 +
{
 +
  var Img = objPointer.getElementsByTagName("img");
 +
  Img[1].style.display = "block";
 +
  Img[0].style.display = "none";
 +
}
 +
 
 +
function ButtonMouseOut(objPointer)
 +
{
 +
  var Img = objPointer.getElementsByTagName("img");
 +
  Img[0].style.display = "block";
 +
  Img[1].style.display = "none";
 +
}
 +
 
 +
function AllButtonsReset()
 +
{
 +
  for (var it=0;it<galleryFadeButton.length;++it)
 +
  {
 +
    ButtonMouseOut(galleryFadeButton[it].obj);
 +
    galleryFadeButton[it].alphaDes = 0.7;
 +
  }
 +
}
 +
 
 +
function ButtonMouseOverL()
 +
{
 +
  var Img = document.getElementById("PKU_gallery_ButtonL").getElementsByTagName("img");
 +
  if (buttonLastExist)
 +
  {
 +
    Img[0].style.display = "none";
 +
    Img[1].style.display = "block";
 +
    Img[2].style.display = "none";
 +
  }
 +
  else
 +
  {
 +
    Img[0].style.display = "none";
 +
    Img[1].style.display = "none";
 +
    Img[2].style.display = "block";
 +
  }
 +
}
 +
 
 +
function ButtonMouseOutL()
 +
{
 +
  var Img = document.getElementById("PKU_gallery_ButtonL").getElementsByTagName("img");
 +
  if (buttonLastExist)
 +
  {
 +
    Img[0].style.display = "block";
 +
    Img[1].style.display = "none";
 +
    Img[2].style.display = "none";
 +
  }
 +
  else
 +
  {
 +
    Img[0].style.display = "none";
 +
    Img[1].style.display = "none";
 +
    Img[2].style.display = "block";
 +
  }
 +
}
 +
 
 +
function ButtonMouseOverN()
 +
{
 +
  var Img = document.getElementById("PKU_gallery_ButtonN").getElementsByTagName("img");
 +
  if (buttonNextExist)
 +
  {
 +
    Img[0].style.display = "none";
 +
    Img[1].style.display = "block";
 +
    Img[2].style.display = "none";
 +
  }
 +
  else
 +
  {
 +
    Img[0].style.display = "none";
 +
    Img[1].style.display = "none";
 +
    Img[2].style.display = "block";
 +
  }
 +
}
 +
 
 +
function ButtonMouseOutN()
 +
{
 +
  var Img = document.getElementById("PKU_gallery_ButtonN").getElementsByTagName("img");
 +
  if (buttonNextExist)
 +
  {
 +
    Img[0].style.display = "block";
 +
    Img[1].style.display = "none";
 +
    Img[2].style.display = "none";
 +
  }
 +
  else
 +
  {
 +
    Img[0].style.display = "none";
 +
    Img[1].style.display = "none";
 +
    Img[2].style.display = "block";
 +
  }
 +
}
 +
 
 +
function Gallery()
 +
{
 +
  this.secCur = 4;
 +
  this.secDes = 4;
 +
  this.secAll = 6;
 +
  this.pageCur = 0;
 +
  this.pageDes = 0;
 +
  this.pageAll = [1,4,1,1,5,1];
 +
  this.navis = document.getElementById("PKU_gallery_navi").getElementsByTagName("img");
 +
  this.contextWidth = galleryWidthContext;
 +
  this.contextWidth_Des = [682,682,682,682,682,682];
 +
  this.contextHeight = galleryHeightContext;
 +
  this.contextHeight_Des = [202,202,202,202,202,202];
 +
  this.pagesWidth = galleryWidthPages;
 +
  this.pagesHeight = galleryHeightPages;
 +
  var self = this;
 +
  this.pagesHeight[this.secCur].heightDes=this.contextHeight_Des[this.secCur];
 +
  this.pagesWidth[5*this.secCur+this.pageCur].widthDes=this.contextWidth_Des[this.secCur];
 +
  this.pagesHeight[this.secCur].Growth();
 +
  this.pagesWidth[5*this.secCur+this.pageCur].Growth();
 +
  for (var objit=0;objit<2*5;++objit)
 +
  {
 +
    this.navis[objit].style.display = "none";
 +
  }
 +
  for (var objit=0;objit<this.pageAll[this.secDes];++objit)
 +
  {
 +
    if (objit!=this.pageDes)
 +
    {
 +
      this.navis[2*objit].style.display = "block";
 +
    }
 +
  }
 +
  this.navis[2*this.pageDes+1].style.display = "block";
 +
 
 +
  this.ShrinkContextWidth = function() {
 +
    for (var objit=0;objit<self.contextWidth.length;++objit)
 +
    {
 +
      self.contextWidth[objit].widthDes=0;
 +
      self.contextWidth[objit].Wither();
 +
    }
 +
  };
 +
  this.ShrinkContextHeight = function() {
 +
    for (var objit=0;objit<self.contextHeight.length;++objit)
 +
    {
 +
      self.contextHeight[objit].heightDes=0;
 +
      self.contextHeight[objit].Wither();
 +
    }
 +
  };
 +
  this.RefillContextWidth = function() {
 +
    for (var objit=0;objit<self.contextWidth.length;++objit)
 +
    {
 +
      self.contextWidth[objit].widthDes=self.contextWidth_Des[self.secDes];
 +
      self.contextWidth[objit].Growth();
 +
    }
 +
  };
 +
  this.RefillContextHeight = function() {
 +
    for (var objit=0;objit<self.contextHeight.length;++objit)
 +
    {
 +
      self.contextHeight[objit].heightDes=self.contextHeight_Des[self.secDes];
 +
      self.contextHeight[objit].Growth();
 +
    }
 +
  };
 +
  this.ApplyPage = function() {
 +
    buttonLastExist = self.CheckLastExist();
 +
    buttonNextExist = self.CheckNextExist();
 +
    ButtonMouseOutN();ButtonMouseOutL();
 +
    self.pagesWidth[self.secCur*5+self.pageCur].widthDes = 0;
 +
    self.pagesWidth[self.secDes*5+self.pageDes].widthDes = self.contextWidth_Des[self.secDes];
 +
    self.navis[2*self.pageCur].style.display = 'block';
 +
    self.navis[2*self.pageCur+1].style.display = 'none';
 +
    self.navis[2*self.pageDes+1].style.display = 'block';
 +
    self.navis[2*self.pageDes].style.display = 'none';
 +
    setTimeout(self.pagesWidth[5*self.secCur+self.pageCur].Wither,30);
 +
    setTimeout(self.pagesWidth[5*self.secDes+self.pageDes].Growth,30);
 +
    IsBusy = true;
 +
    setTimeout("IsBusy = false;", 500);
 +
    setTimeout(self.Update,500);
 +
  };
 +
  this.ApplySection = function() {
 +
    self.pageDes = 0;
 +
    buttonLastExist = self.CheckLastExist();
 +
    buttonNextExist = self.CheckNextExist();
 +
    ButtonMouseOutN();ButtonMouseOutL();
 +
    self.pagesHeight[self.secCur].heightDes = 0;
 +
    self.pagesHeight[self.secDes].heightDes = self.contextHeight_Des[self.secDes];
 +
    self.pagesWidth[self.secCur*5+self.pageCur].widthDes = 0;
 +
    self.pagesWidth[self.secDes*5+self.pageDes].widthDes = self.contextWidth_Des[self.secDes];
 +
    for (var objit=0;objit<2*5;++objit)
 +
    {
 +
      self.navis[objit].style.display = "none";
 +
    }
 +
    for (var objit=0;objit<self.pageAll[self.secDes];++objit)
 +
    {
 +
      if (objit!=self.pageDes)
 +
      {
 +
        self.navis[2*objit].style.display = "block";
 +
      }
 +
    }
 +
    self.navis[2*self.pageDes+1].style.display = "block";
 +
 
 +
    setTimeout(self.ShrinkContextWidth,0);
 +
    setTimeout(self.ShrinkContextHeight,400);
 +
    setTimeout(self.pagesWidth[5*self.secCur+self.pageCur].Reset,450);
 +
    setTimeout(self.pagesHeight[self.secCur].Reset,450);
 +
    setTimeout(self.RefillContextHeight,500);
 +
    setTimeout(self.RefillContextWidth,600);
 +
    setTimeout(self.pagesHeight[self.secDes].Growth,800);
 +
    setTimeout(self.pagesWidth[5*self.secDes+self.pageDes].Growth,900);
 +
    IsBusy = true;
 +
    setTimeout("IsBusy = false;", 1000);
 +
    setTimeout(self.Update,1000);
 +
  };
 +
  this.Update = function() {
 +
    self.secCur = self.secDes;
 +
    self.pageCur = self.pageDes;
 +
  };
 +
  this.PageLast = function() {
 +
    if (self.CheckLastExist())
 +
    {
 +
      self.pageDes = self.pageCur - 1;
 +
      self.ApplyPage();
 +
    }
 +
  };
 +
  this.PageNext = function() {
 +
    if (self.CheckNextExist())
 +
    {
 +
      self.pageDes = self.pageCur + 1;
 +
      self.ApplyPage();
 +
    }
 +
  };
 +
  this.PageTo = function(n) {
 +
    if (n!=self.pageCur)
 +
    {
 +
      self.pageDes = n;
 +
      self.ApplyPage();
 +
    }
 +
  };
 +
  this.SectionTo = function(n) {
 +
    if (n!=self.secCur)
 +
    {
 +
      self.pageDes = 0;
 +
      self.secDes = n;
 +
      self.ApplySection();
 +
    }
 +
  };
 +
}
 +
Gallery.prototype.CheckNextExist = function() {
 +
  return (this.pageDes<this.pageAll[this.secDes]-1);
 +
};
 +
Gallery.prototype.CheckLastExist = function() {
 +
  return (this.pageDes>0);
 +
};
 +
 
 +
var pkuHomeGallery = new Gallery();
 +
 
 +
function Initialization()
 +
{
 +
  ButtonMouseOut(document.getElementById("PKU_gallery_logo"));
 +
  ButtonMouseOutL();ButtonMouseOutN();
 +
  AllButtonsReset();
 +
  FadeInGallery();
 +
  setTimeout('TrigleDemoSection(5);',3000);
 +
}
 +
 
 +
function TrigleDemoLast()
 +
{
 +
  pkuHomeGallery.PageLast();
 +
}
 +
function TrigleDemoNext()
 +
{
 +
  pkuHomeGallery.PageNext();
 +
}
 +
function TrigleDemo(n)
 +
{
 +
  pkuHomeGallery.PageTo(n-1);
 +
}
 +
function TrigleDemoSection(n)
 +
{
 +
  AllButtonsReset();
 +
  ButtonMouseOver(galleryFadeButton[n-1].obj);
 +
  galleryFadeButton[n-1].alphaCur = 1;
 +
  galleryFadeButton[n-1].alphaDes = 0.9;
 +
  galleryFadeButton[n-1].FadeOut(0.05);
 +
  pkuHomeGallery.SectionTo(n-1);
 +
}
 +
 
 +
Initialization();
 +
 
 +
</script>
</html>
</html>

Revision as of 10:47, 3 September 2012

Retrieved from "http://2012.igem.org/Team:Peking"