Biomod/2013/Sendai/project: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(35 intermediate revisions by 3 users not shown)
Line 38: Line 38:
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a>
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a>
             </nav>
             </nav>
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp; Team</span>Sendai</b></h1></a>  
             <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp;Team</span>Sendai</b></h1></a>  
     </header>
     </header>
   
  <div id="ttop">
<a href="#top" class="page_top" onfocus="this.blur();" onclick="scrollTo(0,0); return false;" title="Top"></a></div>


   <section role="main">
   <section role="main">
         <article>
         <article>
<h2>Project</h2>
<h2>Project</h2>
<h3>Background</h3>
<Img Src="http://openwetware.org/images/1/16/Top%E7%B5%B5-ver2final_mini.jpg"><br>
生物は厳しい自然界で生き残るために重要で微小なシグナルを増幅し、伝達するシグナル伝達を進化させてきた。…ry


In the course of evolution, living organisms have evolved various mechanisms for transmitting and amplifying small signals to survive in the harsh environment.  Such mechanisms of signal transduction and amplification are crucially important for the maintenance of life, and we have many examples of mechanisms in sensing systems, immune systems and neurotransmission systems.<br>
<h3>Background</h3>


&nbsp;For all living organisms, sensing weak signals in environment and amplifying them are critically important to survive. Various types of signal sensing/ transduction systems have been highly developed in the course of evolution, e.g. immune and neuro-transmission systems.<br>&nbsp;These systems are not only astonishingly sensitive but very effective and efficient. If we could borrow principles from the living systems, we could create a system with novel functionalities.<br>&nbsp;In our project, we decided to create a sensing and signal transduction systems made of designed artificial biomolecules and chemicals.<br><br>


<img src="http://openwetware.org/images/9/97/Sendai-pro-fig1-01.jpg"><br>
<h3>Motivation</h3>
図1 生物の微小なシグナルに対する反応の例(ヒトは自然界の微小なシグナルを検知してそれを体内に伝達し、それに対処する反応ができる)<br>
Fig. 1 The example of reaction to tiny signal of life(Human sense tiny signal in the natural world and transport to inside of the body and can take action to the signal.)


<h3>Motivation</h3>
&nbsp;In order to realize a signal transduction system, we need to develop two types of system; a sensing system that detects external signal and a transmitting system that amplifies the signal and releases large amount of output molecules (payloard). We adopt liposomes as a container of the system. <br><br>
現代のヒトが感知できない微小なシグナルを、生物のシグナル伝達と人間のデザインを組み合わせることで感知できるようにならないだろうか?そうすればいろいろな応用が考えられる。例えばヒトが気づかないままに進行する病気を感知したり、危険の神経伝達をより早く感知したりすることができる。<br>


Is it possible to sense undetectable stimulate by combining organic signal transduction and artificial design. If it is possible, we can design very effective molecular amplification mechanisms for various applications such as sensing unnoticed developing disease or dangerous situation.
<img src="http://openwetware.org/images/4/4d/Sendai-pro-fig2-01.jpg"><br>
図2 感知できなかったものが感知できるようになる世界(体内でヒトの無自覚に進行する血管の炎症を無自覚のうちに人工的な分子放出システムが治療する。こ)<br>
Fig. 2 The world that can sense something which can't be sensed.(Artificial molecular releasing system cure the unconsciously advancing inflammation in a blood vessel.)
<br>


<h3>Project Goal </h3>
<h3>Project: Lipo-HANABI</h3>
微小なシグナルを増幅する分子放出システムには微小なシグナルに反応できる小さなものから反応が始まりその反応が指数関数的に増幅していくシステムが必要である。<br>
&nbsp;In our system, stored molecules in liposome are released in chain-reaction triggered by environmental stimuli. The system adopts a two-stage mechanism as follows.<br><br>
Amplifying molecular system needs a mechanism starts with small reaction and amplifies it.  


そのためには以下の条件を満たすことが必要である。<br>
<h4>First stage: Sensing system</h4>
(1)様々な微小な刺激(入力)に対し、様々な分子放出(出力)ができること。<br>
<Img Src="http://openwetware.org/images/1/1d/%3Basfinal.jpg" width="45%" height="45%" style="padding-left:10mm" align="right">
そのためには、内部に様々な分子を入れられる小さな容器と、その蓋をあける様々なしくみ(放出のメカニズム)を用意できることが必要になる。<br>
(2)特定の外的刺激だけに対応して放出が起こること。<br>
 放出のためのシグナルとしては、いろいろなものが考えられる。<br>
 光、pH、特定の化学物質の濃度、電磁場・・・・<br>
 これらの変化に対してのみ反応することできる容器が必要である。<br>
この(1)(2)の条件を満たす「容器」として私たちはリポソームを使用した。理由はリポソームの中には様々な分子を入れることができ、リポソーム表面にリポソームを破壊するための様々な分子を修飾することができるから、またそのことにより温度感受性・光感受性・pH感受性リポソームという特定の外的刺激にのみ反応するリポソームがすでに考えだされている※からである。<br>
※ref<br>
(3)分子の放出が連鎖すること。<br>
反応が何度も続いて反応を増幅するために、リポソームのふたが開いたときに中に入っていた分子で他のリポソームの破壊がおこるようにして反応が連鎖するようにする。そのためにはリポソームのふたを開けることができ、かつ選択性のある分子をリポソームに閉じ込めておく必要がある。<br>
この(3)の条件を満たすために私たちはDNAをリポソームに閉じ込め、DNAで次々にリポソームを割ろうと考えた。なぜなら、DNAの配列をデザインすることで特異性・選択性を持たせることができるからだ。<br>
しかし、いまだかつてDNAでリポソームを割るという試みはなかった。ここがわたしたちのプロジェクトにとって重要で大きな障壁である。<br>
(4)放出される分子の量、および放出のタイミングが適切にコントロールできること。<br>
刺激に対して、分子放出の関係がきちんと予測可能であることが必要である。それぞれが微弱であっても、ノイズでないレベルの信号が来た時には放出がおこらなければならない。<br>
つまり、入力出力比(増幅率)がある程度なければならない。<br>
この(4)の条件を満たすかどうかを私たちはシミュレーションにより確かめた・<br>
To construct the molecular releasing system sensing tiny signal, following things are needed.<br>
(1) To execute various kind of output from various kind of output from various kind of stimulus(entry) <br>
To solve this problem, we have to make cases to confine various  kind of molecules and arrange mechanisms to open the case (mechanism to release) <br>
(2) To operate release reaction in response to only a specific external stimulus<br>
As signals to release, there are various factors like light, pH, concentration of chemical agent, electro-charged field. <br>
To operate release reactions, we have to make cases to react to only these changes. <br>
(3)To build relationship to release molecular<br>
If one tiny stimulus opens one case, it is no use causing the reaction singly. Considering this factor, we have to make a mechanism to build relationships between the cases and moleculaes in the case and to amplify the reaction, keeping behavior continue time after time. To resolve above problems, we have to design molecular that can opens the top of the case. <br>
(4)To control the amount of molecular and when the cases will release the molecules.
When the system senses stimulus, it have to control the amount of molecules and when the case will release the molecules. Even though these stimulus and releasing amount are tiny, this system have to release molecules except noises. <br>
In other words, a certain gain,level of the proportion of input and output is needed. <br>
→confer simulation <br><br>


こうして外部刺激とその中のDNAやPayload(反応の連鎖には関与しないが薬など特定の箇所で役に立つもの)の組み合わせにより様々な放出系のデザインが可能であるが、今回のプロジェクトではその基本的な例として温度上昇を感知して反応の開始となるDNAを放出しそれが周囲の反応を連鎖させるDNAをもつリポソームが割れていく系の構築を目指すことにした。<br>
&nbsp;The First stage detects a certain signal in the environment, and release molecules to activate the Second stage. In this project, we chose temperature change as an environmental signal that initiates the whole process.<br>&nbsp;Namely, we use a temperature-sensitive liposome for the First stage. At a certain triggering temperature, they break and release key molecules for the Second stage. <br>&nbsp;The released key molecules attach on the Second stage liposomes and induce puncture of them.
この系は一点から周囲へとリポソームの破壊が連鎖的に広がっていく系であるため、その様子が日本のHANABI(Firework)に似ていることから私たちはこの系をLipo-HANABIと呼ぶことにした。<br>
<br>
To meet above conditions (1) and (2), we used liposome. There are two reasons to select. It can confine various molecular and can be conjugated by various molecular. ( correspond to (1)).There are many liposome sensing one specific external stimulus like temperature-sensitive one, light sensitive one and pH sensitive one. ( correspond to (2)) <br>
*ref<br>
To meet the (3) condition, we designed the system that DNA release molecules. We selected DNA because it has specificity and optionality by designing it. <br>
However, anyone haven’t tried to collapse by DNA. This point is the most important and the hardest barrier for us. <br>
Finally, to demonstrate validity, we ran a simulation <br>
Establish a link here (by Off-san) <br>


From above things, various releasing system can be created. Among various system, this project aims at the system releasing DNA from liposome when temperature rises and DNA collapse other ones containing DNA. <br>
<h4>Second stage: Amplification system</h4>
In this system, the collapse of liposome prevails chain-reactively and looks like Japanese HANABI (fireworks). So we call this system Lipo-HNANBI. <br>


<img src="http://openwetware.org/images/5/5b/Sendai-pro-fig3-01.jpg"><br>
<Img Src="http://openwetware.org/images/e/e9/Top%E7%B5%B5-final_mini.jpg" width="45%" height="45%" style="padding-left:10mm" align="right">
図3 微小な反応を感知してそれを感知できる大きさに増幅する分子放出システムに必要な要素<br>
Fig. 3 The needed factor for the molecular releasing system sensing tiny reaction and amplifying to the sensitive size<br>


&nbsp;The Second stage liposomes contain both the payload molecules (e.g. drug) and the same key molecules released by First stage. Once some of them break, it releases more key molecules, and they break other liposomes in their neighborhood. <br>&nbsp;As a consequence, bursting of the liposomes propagates exponentially in a chain-reactive way and releases a lot of payload molecules
The advantage of adopting the two-stage strategy is that various types of signal in the environment can be detected by First stage design, without changing the Second stage.<br>&nbsp;The mechanism of this system is similar to that of HANABI (fireworks in Japanese), therefore, we termed the project "Lipo-HANABI".<br>


</p>


         </article>
         </article>

Latest revision as of 23:07, 26 October 2013

<html> <head> <style>


/********************** Hide MediaWiki and init CSS, overwrite by bootstrap.css バルス**********************/

body{

background:none;

} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{

margin:0;
padding:0;
/* font-size:100%; */
 border:0;
outline:0;

} a, a:link, a:visited, a:hover, a:active{

text-decoration:none

}

/*訪れたリンクを白くするよ*/ .whiteSendai:visited{

color:#FFFFFF!important;

}

/*左詰め、真ん中、右詰め*/ .leftSendai { text-align: left; } .centerSendai { text-align: center; } .rightSendai { text-align: right; }


.firstHeading {

display:none;

}

  1. content{
border-style:none;
margin:0;
padding:0;

}

  1. globalWrapper{
font-size:100%;

}

  1. contentSub{
display:none;

}

  1. column-one{
display:none;

}

  1. footer{
display:none;

}

  1. globalWrapper{
font-size:100%;

}

  1. bodyContent h1, #bodyContent h2{
 margin-top: 20px;
 margin-bottom: 10px;

}


  1. bodyContent h3{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: medium;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h4{
 margin-top: 20px;
 margin-bottom: 10px;
 border-bottom-width: thin;
 border-bottom-style: solid;
 border-bottom-color: gray;

}

  1. bodyContent h5, #bodyContent h6{
 margin-top: 10px;
 margin-bottom: 10px;

/**** border-bottom-width: thin;

 border-bottom-style: solid;
 border-bottom-color: gray;
        • /

}

/********************************* Hide MediaWiki end *********************************/


/* Structure */ html{ background: #eee; } body {

 padding: 0px;
 background: #fff;
 color: #333;
 margin: 0 auto;
 max-width: 900px;
 font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
 }

a {

 color: #105672;

}

header {/****position: fixed; ****/

       /******width: 100%;****/
       height: 90px;
       z-index: 1;

background: #F17F25;

        padding:0.01em 0.5em 1.5em ;

color: #fff; line-height: 1;

}

header h1{ margin-bottom: 0; }

header h1 span{ display: inline; color: rgba(255,255,255,.4); }

header span{ display: block; color: rgba(255,255,255,.2); font-weight: 300; margin-bottom: 1.6em }

header nav{ float: right; text-align: right } header nav div{ font-size: .8em; } header nav div a { font-weight: 300; padding: .3em .5em } header nav a{ color: #fff; display: inline-block; padding: .3em .8em }

header nav a:hover, header nav a:focus{ color: rgba(255,255,255,.6) }


[role=main]{ padding:1.5em 3em; } article{ padding: 1em 0; text-align: justify; text-justify: inter-ideograph;

}


footer{ background: #333; color: #fff; padding: 1em 3em;

       clear: both;    /***2段組みの左右のfloatを解除***/

}

/* Typography */

p{ font: 1em/1.5 Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; }

p.sukima{

       font-size: 150%;
       font-weight: normal;
       font-family: Helvetica;
       background: #bbb;
       padding-left: 1.2em;

}

img{ max-width: 100%; /***** height: auto; *****/ }


blockquote{ float: left; margin: 1em 3em; } blockquote p{ font-size: 1.4em; line-height: 1.2; font-weight: 700; font-style:italic; } a{ font: 700 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none } a:hover, a:focus{ color: #000; } a:active{ position: relative; top:1px; }

ol{margin: 1em 0 1em 0; padding-left: 2em; } li{ margin: 0; }

/* Tabs */

  1. tabs

{ /*****position:fixed;****/

      width: 900px; 

}

.js-on #tabs article { display:none }

  1. tabs, #tabs nav a.active{

background: #FFF; color: #111; }

  1. tabs nav

{ position: relative; overflow: hidden; display: table; background: #bbb; }


  1. tabs nav a

{ width:900px; display:table-cell; padding:1em; text-align:center; color: #333; }

  1. tabs nav a:hover,#tabs nav a:focus

{ background:#eee }

  1. tabs article

{ padding:2em; }


.js-on #tabs article.active { display:block; }

  1. tabs #mobiles{

display:none; border-radius: 0; }

  1. tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{

width:300px; border-radius: 0; }


/* Media queries */ @media screen and (min-width:900px) { body{font-size: 1.1em;} }

@media screen and (max-width:600px) { #tabs nav{ display: none; position: relative; } #tabs #mobiles{ display:block; } #tabs article { display:block; } } @media screen and (max-width:480px) { blockquote{ float: none; }

header nav a{ padding:.7em .8em } header nav{ float: none; margin: -.5em -3em 0; background: #000; overflow: hidden; text-align: left } header nav a{ border-right: 1px solid #222 } [role=main]{ padding:1.5em 2em; } header nav div{ display: none; }

}

/*column content*/

  1. content-right {

width:48%; /***段落の横幅***/ float:right; /***右に寄せる(他の要素を左に回り込ませる)***/ margin: 10px; }

  1. content-left {

width:47%; /***サイドの横幅***/ float:left; /***左に寄せる***/ margin: 10px; }

/*****キャプションレフト*****/

div.caption-left{ float: left; padding: 0 5px 5px 5px; }

.caption-left span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/*****キャプションライト*****/

div.caption-right{ float: right; padding: 0 5px 5px 5px; }

.caption-right span{ display: block; text-align: center;

       font-size: smaller;
       font-weight: bold;

}

div.clear{ clear: both; margin: 0 0 10px 0; }

/***floatの影響を絶つ。<div class="c-both"></div> のように使う***/

.c-both { clear: both; }

div.title{

        font-style: normal;
        font-weight: bold;
        font-size: 70px;
        line-height: 70px;
        font-family: Helvetica;

}

div.caption{

       text-align: center;
       font-size: smaller;
       font-weight: bold;

}

div.captiontable{

       font-size: smaller;
       font-weight: bold;

}

/*topに戻る*/

  1. ttop {position:fixed;
      bottom:140px;
      left:auto;margin:0 0 0 905px; /* マージン:上 右 下 左 */
      width:100px;
      height:390px;
      background:url(http://openwetware.org/images/f/f2/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A-1.png) no-repeat left bottom;}

/* IE6以下用、アスタリスクハックでググれ */

  • html #ttop {margin:0 0 -390px 0;
             position:relative;bottom:490px; /* 上で設定した ttopの高さ390px+下100px */
             left:960px;}
  1. ttop:hover {background:url(http://openwetware.org/images/b/b9/Top2.png) no-repeat left bottom;/* 画像の高さによって適当に調整 */
            }

a.page_top {display:block;width:100px;height:390px;}


</style> </head> </html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

   <title>Biomod2013 Sendai ver2.0</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   
   <style type="text/css">
   h1{color: white;}
   </style>

</head>

<body><!-- <div style="max-width:900px; position:fixed;">****/ -->

   <header>
        <nav>      
          <div>

<!--

               <a href="#"  class="whiteSendai">Blog</a> 
               <a href="#"  class="whiteSendai">Twitter</a>
               <a href="#"  class="whiteSendai">Facebook</a>

--> <br><br>

           </div> 
          <a href="http://openwetware.org/wiki/Biomod/2013/Sendai" class="whiteSendai">Top</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/project" class="whiteSendai">Project</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/design" class="whiteSendai">Design</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/calcuation" class="whiteSendai">Calculation</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/experiment" class="whiteSendai">Experiment</a>

<a href="http://openwetware.org/wiki/Biomod/2013" class="whiteSendai" style="float:right;"><img src="http://openwetware.org/images/6/6e/Biomod-logo.jpg"

                                              width="75" height="75" alt="Biomod2013" border="0"></a><br>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/protocol" class="whiteSendai">Protocol</a>   
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/future" class="whiteSendai">Future</a> 
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/member" class="whiteSendai">Member</a>
           <a href="http://openwetware.org/wiki/Biomod/2013/Sendai/sponsor" class="whiteSendai">Sponsor</a>
           </nav>
            <a href="http://openwetware.org/wiki/Biomod/2013/Sendai"><h1 style="color:white;" ><b>Biomod<span>2013<br>&emsp;Team</span>Sendai</b></h1></a> 
   </header>
<div id="ttop">

<a href="#top" class="page_top" onfocus="this.blur();" onclick="scrollTo(0,0); return false;" title="Top"></a></div>

 <section role="main">
       <article>

<h2>Project</h2> <Img Src="http://openwetware.org/images/1/16/Top%E7%B5%B5-ver2final_mini.jpg"><br>

<h3>Background</h3>

&nbsp;For all living organisms, sensing weak signals in environment and amplifying them are critically important to survive. Various types of signal sensing/ transduction systems have been highly developed in the course of evolution, e.g. immune and neuro-transmission systems.<br>&nbsp;These systems are not only astonishingly sensitive but very effective and efficient. If we could borrow principles from the living systems, we could create a system with novel functionalities.<br>&nbsp;In our project, we decided to create a sensing and signal transduction systems made of designed artificial biomolecules and chemicals.<br><br>

<h3>Motivation</h3>

&nbsp;In order to realize a signal transduction system, we need to develop two types of system; a sensing system that detects external signal and a transmitting system that amplifies the signal and releases large amount of output molecules (payloard). We adopt liposomes as a container of the system. <br><br>


<h3>Project: Lipo-HANABI</h3> &nbsp;In our system, stored molecules in liposome are released in chain-reaction triggered by environmental stimuli. The system adopts a two-stage mechanism as follows.<br><br>

<h4>First stage: Sensing system</h4> <Img Src="http://openwetware.org/images/1/1d/%3Basfinal.jpg" width="45%" height="45%" style="padding-left:10mm" align="right">

&nbsp;The First stage detects a certain signal in the environment, and release molecules to activate the Second stage. In this project, we chose temperature change as an environmental signal that initiates the whole process.<br>&nbsp;Namely, we use a temperature-sensitive liposome for the First stage. At a certain triggering temperature, they break and release key molecules for the Second stage. <br>&nbsp;The released key molecules attach on the Second stage liposomes and induce puncture of them.

<h4>Second stage: Amplification system</h4>

<Img Src="http://openwetware.org/images/e/e9/Top%E7%B5%B5-final_mini.jpg" width="45%" height="45%" style="padding-left:10mm" align="right">

&nbsp;The Second stage liposomes contain both the payload molecules (e.g. drug) and the same key molecules released by First stage. Once some of them break, it releases more key molecules, and they break other liposomes in their neighborhood. <br>&nbsp;As a consequence, bursting of the liposomes propagates exponentially in a chain-reactive way and releases a lot of payload molecules The advantage of adopting the two-stage strategy is that various types of signal in the environment can be detected by First stage design, without changing the Second stage.<br>&nbsp;The mechanism of this system is similar to that of HANABI (fireworks in Japanese), therefore, we termed the project "Lipo-HANABI".<br>


       </article>
       	
      
   </section>

</p>


   <footer>
       <p>&copy; Copyright Biomod 2013 Team Sendai
               <a href="http://www.molbot.mech.tohoku.ac.jp/index.html">

                  <img src="http://openwetware.org/images/3/36/Murata-nomura-logo.png"

                                     width="180" height="50" alt="Molcular Robotics Lab" border="0" align="right">

         </a>      </p>

       <p>E-MAIL:
           <a href="mailto:biomod.teamsendai.2012@gmail.com">biomod.teamsendai.2012@gmail.com
           </a>
       </p>
       <br>
       <a href="?action=edit" align="center"><p>edit</p></a>
   </footer>
   

</body> </html>

<html> <head>

       <script type="text/javascript">
     function tabs(a,g,j){document.body.className="js-on";var g=a.getElementsByTagName(g),d=[],c;this.active;this.total=g.length;this.container=a;e=a.insertBefore(document.createElement("nav"),g[0]),change=function(f){if(typeof this.active!=="undefined"){d[this.active].className=g[this.active].className=""}d[f].className=g[f].className="active";this.active=f},clickEvent=function(h,f){h.onclick=function(){change(f);return false}};for(var b=0;b<g.length;b++){d[b]=e.appendChild(document.createElement("a"));d[b].href="#";c=[g[b].getAttribute("data-title"),g[b].getElementsByTagName(j)[0]];d[b].innerHTML=c[0]!==null?c[0]:c[1]?c[1]["innerText"||"textContent"]:b+1;new clickEvent(d[b],b)}change(0)}tabs.prototype.change=function(b){change(b-1)};tabs.prototype.next=function(b){active===this.total-1?change(0):change(active+1)};tabs.prototype.prev=function(b){active===0?change(this.total-1):change(active-1)};tabs.prototype.responsive=function(d,c){nav=document.createElement("nav");nav.id="mobiles";nav.innerHTML='<a href="#" onclick="'+d+'.prev(); return false">'+c.prev+'</a><a href="#" onclick="'+d+'.next(); return false">'+c.next+"</a>";this.container.insertBefore(nav,this.container.firstChild);return this};
       </script>
       <script type="text/javascript">

var myTabs = new tabs(document.getElementById("tabs"), "article", "h2").responsive("myTabs", { prev: "Previous", next: "Next" }); </script> </head> </html>