Biomod/2013/Sendai/protocol: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 140: Line 140:
<h4>i)Bending approach</h4>
<h4>i)Bending approach</h4>
<h4>1)Making DNA origami</h4>
<h4>1)Making DNA origami</h4>
<h4>1-1)Making DNA origami</h4>
<h5>DNA origami recipe</h5>
<h5>DNA origami recipe</h5>
We designed DNA origami by <A Href="http://cadnano.org/">caDNAno2</A>, software for designing 2D and 3D DNA origami.<br>
We designed DNA origami by <A Href="http://cadnano.org/">caDNAno2</A>, software for designing 2D and 3D DNA origami.<br>
Line 155: Line 154:
To hybridize different strands of cc DNA and fluorescent tagged DNA with the same unique single-stranded parts of our origami, we arranged two kinds of adaptor DNAs (at the third and fourth in Table1). One adaptor has complementary sequences to both the unique sequence and cc DNA. The other has complementary sequences to both the unique sequence and the fluorescent tagged DNA. Thanks to these two adaptors, two different strands can bind to the same unique sequence. <br>  
To hybridize different strands of cc DNA and fluorescent tagged DNA with the same unique single-stranded parts of our origami, we arranged two kinds of adaptor DNAs (at the third and fourth in Table1). One adaptor has complementary sequences to both the unique sequence and cc DNA. The other has complementary sequences to both the unique sequence and the fluorescent tagged DNA. Thanks to these two adaptors, two different strands can bind to the same unique sequence. <br>  
<br>
<br>
<table border cellspacing="0" bgcolor="lightyellow">
<table border cellspacing="3" bgcolor="lightyellow">
<tr bgcolor="lightyellow">
<tr bgcolor="lightyellow">
<td> The kinds of DNA strands </td>
<td> The kinds of DNA strands </td>
Line 184: Line 183:
<br>
<br>
<ur><li>Annealing solution with fluorescent tagged DNAs 50µl<br>
<ur><li>Annealing solution with fluorescent tagged DNAs 50µl<br>
<table border cellspacing="0" bgcolor="lightyellow">
<table border cellspacing="3" bgcolor="lightyellow">
<tr bgcolor="moccasin">
<tr bgcolor="moccasin">
<td>84nM M13mp18</td>
<td>84nM M13mp18</td>
Line 235: Line 234:
We changed 3µl fluorescent tagged DNAs in the above solution into the same quantity of mQ.</li><br>
We changed 3µl fluorescent tagged DNAs in the above solution into the same quantity of mQ.</li><br>
<br>
<br>
<h5>AFM observation</h5>
<h4>1-1)AFM observation</h4>
As we thought excess staples produced more aggregation and made AFM observation difficult, control annealing solution was used for AFM observation.<br>
As we thought excess staples produced more aggregation and made AFM observation difficult, control annealing solution was used for AFM observation.<br>
<br>
<br>
Line 244: Line 243:
To see if the origami binds to the fluorescent tagged DNA in shorter time, we added 0.6µl of 1µM fluorescent tagged DNAs into 10 µl control annealing solution, and left it for 40 minutes.<br>
To see if the origami binds to the fluorescent tagged DNA in shorter time, we added 0.6µl of 1µM fluorescent tagged DNAs into 10 µl control annealing solution, and left it for 40 minutes.<br>
<br>
<br>
Agarose gel recipe: 0.4g agarose, 0.8ml 50xTAE, 39.2ml mQ<br>
<table border cellspacing="3" bgcolor="lightyellow">
<tr bgcolor="moccasin">
<td>agarose</td>
<td>0.4g</td>
</tr>
<tr bgcolor="moccasin">
<td>50xTAE</td>
<td>0.8ml</td>
</tr>
<tr bgcolor="moccasin">
<td>mQ</td>
<td>39.2ml</td>
</tr>
</table>
Table.3 1% Agarose gel recipe<br>
<br>
<br>
The electrophoresis was conducted with 1% agarose gel, CV 100V, for 50 minutes.<br>
The electrophoresis was conducted with 1% agarose gel, CV 100V, for 50 minutes.<br>
Line 263: Line 276:
<br>
<br>
Then we added 2µl DNA origami into each sample and saw if some change would happen with a fluorescent microscope.<br>
Then we added 2µl DNA origami into each sample and saw if some change would happen with a fluorescent microscope.<br>
The DNA origami for fluorescent microscope observation was made according to Table3 annealing solution. It contained more cholesterol-hybridizing ssDNAs and fluorescent-tagged DNA-hybridizing ssDNAs than Annealing solution used in 1-1), because we considered a sample with more fluorescent molecules was suitable for observation.  <br>
The DNA origami for fluorescent microscope observation was made according to Table4 annealing solution. It contained more cholesterol-hybridizing ssDNAs and fluorescent-tagged DNA-hybridizing ssDNAs than Annealing solution used in 1-1), because we considered a sample with more fluorescent molecules was suitable for observation.  <br>
<br>
<br>
<table border cellspacing="0" bgcolor="lightyellow">
<table border cellspacing="3" bgcolor="lightyellow">
<tr bgcolor="moccasin">
<tr bgcolor="moccasin">
<td>84nM M13mp18</td>
<td>84nM M13mp18</td>
Line 307: Line 320:
</tr>
</tr>
</table>
</table>
Table.3 50µl Annealing solution for fluorescent microscope observation<br>
Table.4 50µl Annealing solution for fluorescent microscope observation<br>
<br>
<br>
After annealing, we added 4.23µl 100µM fluorescent-tagged DNA (the same quantity of fluorescent-tagged DNA-hybridizing ssDNA).<br>
After annealing, we added 4.23µl 100µM fluorescent-tagged DNA (the same quantity of fluorescent-tagged DNA-hybridizing ssDNA).<br>
Line 322: Line 335:
We checked whether trigger DNA hybridizes with loop DNA at normal temperature by electrophoresis.<br>
We checked whether trigger DNA hybridizes with loop DNA at normal temperature by electrophoresis.<br>
<br>
<br>
<table border cellspacing="0" bgcolor="lightyellow">
<table border cellspacing="3" bgcolor="lightyellow">
<tr bgcolor="moccasin">
<tr bgcolor="moccasin">
<td>30% Acryl amide</td>
<td>30% Acryl amide</td>
Line 344: Line 357:
</tr>
</tr>
</table>
</table>
Table.4 10% Acrylic amide gel recipe<br>
Table.5 10% Acrylic amide gel recipe<br>
         </article>
         </article>



Revision as of 14:23, 31 August 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の影響を絶つ。

のように使う***/

.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>

   <header>
        <nav>      



          <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>
<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">

Biomod2013
  Team
Sendai

</a>

   </header> 

       <article>

Protocol


Chain-reactive burst

i)Bending approach

1)Making DNA origami

DNA origami recipe

We designed DNA origami by <A Href="http://cadnano.org/">caDNAno2</A>, software for designing 2D and 3D DNA origami.
Our DNA origami has 141 staples that have 30nt free single-stranded parts outside the DNA origami. The sequence of the parts is each DNA origami staple-TTTTTTTTTTTTTTTCTGTCGCATCGAGAG.
Between the staple and unique (CTGTCGCATCGAGAG) sequences, 15 T bases are inserted. They are to make a T loop. Thanks to this T loop, single-stranded DNAs complementary to the unique sequence are expected to easily hybridize with the unique sequence.
The 30nt single-stranded parts are stable till 37 degrees, according to <A Href="http://www.nupack.org/">NUPACK</A>).
The 141 staples have the same length so that they may place at the same intervals in the DNA origami.
Each side of our origami is not fully covered with staples, and single-stranded M13 remains. This is for preventing π-π interaction and stacking by hydrophobic interaction between base pairs of double-stranded DNAs.
This design enables each DNA origami to exist individually.

The list of strands

The other strands exept DNA origami staples used in our experiment are shown in Table1.
The sequence of cholesterol-conjugated DNA (in the rest of this document, referred to as ccDNA) is shown below (at the first sequence in Table1). For labeling, we also attached fluorescent tagged DNA (at the second in Table1) to our DNA origami.
To hybridize different strands of cc DNA and fluorescent tagged DNA with the same unique single-stranded parts of our origami, we arranged two kinds of adaptor DNAs (at the third and fourth in Table1). One adaptor has complementary sequences to both the unique sequence and cc DNA. The other has complementary sequences to both the unique sequence and the fluorescent tagged DNA. Thanks to these two adaptors, two different strands can bind to the same unique sequence.

The kinds of DNA strands Its sequence
Cholesterol-conjugated DNA (ccDNA) CCAGAAGACG
Fluorescent tagged DNA ACTAGTGAGTGCAGCAGTCGTACCA
Adaptor strand for cc DNA and the unique sequence in DNA origami CGTCTTCTGGCTCTCGATGCGACAG
Adaptor strand for fluorescent tagged DNA and the unique sequence in DNA origami TGGTACGACTGCTGCACTCACTAGTCTCTCGATGCGACAG

Table.1 The sequence of the strands used in our experiment

Annealing

The annealing solution is shown in Table2. The annealing was conducted for 2 hours and 51minutes (from 95 to 25 degrees: lower 1 degree per 2 minutes).

<ur>
  • Annealing solution with fluorescent tagged DNAs 50µl
    84nM M13mp18 2.38µl
    Staples
    1µM migihaji 1µl
    1µM hidarihaji 1µl
    1µM ashibatemae 1µl
    200nM ashiba 5µl
    1µM cholesterol-hybridizing ssDNA 3µl
    1µM fluorescent-tagged DNA-hybridizing ssDNA 3µl
    5xTAE Mg2+ 10µl
    mQ 20.62µl
    1µM fluorescent-tagged DNA 3µM
  • Table.2 Annealing solution with fluorescent tagged DNAs

  • Annealing solution with no fluorescent tagged DNAs (control) 50µl
    We changed 3µl fluorescent tagged DNAs in the above solution into the same quantity of mQ.


  • 1-1)AFM observation

    As we thought excess staples produced more aggregation and made AFM observation difficult, control annealing solution was used for AFM observation.

    1-2)Labeling DNA origami

    We confirmed that our DNA origami was fluorescently labeled by electrophoresis.

    50µl of Annealing solution with fluorescent tagged DNAs (used in 1-1)Making DNA origami) contains 3µl of 1µM fluorescent tagged DNAs.
    To see if the origami binds to the fluorescent tagged DNA in shorter time, we added 0.6µl of 1µM fluorescent tagged DNAs into 10 µl control annealing solution, and left it for 40 minutes.

    agarose 0.4g
    50xTAE 0.8ml
    mQ 39.2ml

    Table.3 1% Agarose gel recipe

    The electrophoresis was conducted with 1% agarose gel, CV 100V, for 50 minutes.

    2)Destroying liposomes

    2-1) Making liposomes

    We made liposome that was to be broken by DNA origami.
    First we mixed 1µl lipid (10mM DOPC) and 99µl solvent (CHCl3) in a microtube, and desiccate it with Argon gas. Then we left it for one night in a vacuum dryer. After drying, we added 100µl of the same buffer as that of DNA origami (1xTAE Mg2+) into the sample and heat it in warm water (about 90 degrees) for a few hours.

    2-2) Investigating the interaction of DNA origami and liposomes

    To float cc DNAs on the surface of liposome, we added cc DNAs into liposomes at the final concentration of 0.018, 0.069, 1.8, and 6.9µM. Each sample was as follows.

    <ur>
  • Liposome with 0.018µM cc DNAs: 1µl 0.1µM cc DNAs and 2.5µl liposome
  • Liposome with 0.069µM cc DNAs: 10µl 0.1µM DNAs and 2.5µl liposome
  • Liposome with 1.8µM cc DNAs: 1µl 10µM DNAs and 2.5µl liposome
  • Liposome with 6.9µM cc DNAs: 10µl 10µM DNAs and 2.5µl liposome

  • We observed each sample with a phase microscope.

    Then we added 2µl DNA origami into each sample and saw if some change would happen with a fluorescent microscope.
    The DNA origami for fluorescent microscope observation was made according to Table4 annealing solution. It contained more cholesterol-hybridizing ssDNAs and fluorescent-tagged DNA-hybridizing ssDNAs than Annealing solution used in 1-1), because we considered a sample with more fluorescent molecules was suitable for observation.

    84nM M13mp18 2.38µl
    Staples
    1µM migihaji 1µl
    1µM hidarihaji 1µl
    1µM ashibatemae 1µl
    200nM ashiba 5µl
    100µM cholesterol-hybridizing ssDNA 4.23µl
    100µM fluorescent-tagged DNA-hybridizing ssDNA 4.23µl
    5xTAE Mg2+ 10µl
    mQ 23.54µl

    Table.4 50µl Annealing solution for fluorescent microscope observation

    After annealing, we added 4.23µl 100µM fluorescent-tagged DNA (the same quantity of fluorescent-tagged DNA-hybridizing ssDNA).

    2-3)Counting liposomes

    For the sake of observation convenience, we mixed 1µl 1µM TR-DHPE (red fluorescent dye) with 1µl lipid (10mM DOPC) and 98µl solvate (CHCl3) in a microtube, and desiccate it with Argon gas. Then we left it for one night in a vacuum dryer. After drying, we added 100µl 1xTAE Mg2+ into the sample and heat it in warm water (about 90 degrees) for a few hours.

    After liposome was made, we added 1µl 10µM cc DNA into 2.5µl liposome (the final concentration of cc DNA was 1.8 µl). We counted the number of liposomes with a fluorescent microscope.
    After counting, we added 2µl DNA origami and counted the number of liposomes again. For control, we changed 2µl DNA origami into 2µl 1xTAE Mg2+ buffer.


    ii)Flower micelle approach

    2)Confirming the hybridization of trigger and loop DNA

    We checked whether trigger DNA hybridizes with loop DNA at normal temperature by electrophoresis.

    30% Acryl amide 3.3ml
    mQ 5.59ml
    10xTAE 1ml
    TEMED 10µl
    10xAPS 100µl

    Table.5 10% Acrylic amide gel recipe

           </article>
    
       
       <footer>
    

    © 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>     

    E-MAIL: <a href="mailto:biomod.teamsendai.2012@gmail.com">biomod.teamsendai.2012@gmail.com </a>

           

    <a href="?action=edit" align="center">

    edit

    </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>