Team:Copenhagen

From 2012.igem.org

(Difference between revisions)
Line 5: Line 5:
<table id="graa" cellspacing=20px><td width="660px" height="100%" valign="top" >
<table id="graa" cellspacing=20px><td width="660px" height="100%" valign="top" >
<div>
<div>
-
<script language="JavaScript1.2">
+
<script type="text/javascript">
/***********************************************
/***********************************************
-
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
+
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
-
* This notice must stay intact for use
+
* This notice MUST stay intact for legal use
-
* Visit http://www.dynamicdrive.com/ for full source code
+
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
***********************************************/
-
var variableslide=new Array()
 
-
//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]
+
//Specify the slider's width (in pixels)
 +
var sliderwidth="660px"
 +
//Specify the slider's height
 +
var sliderheight="371px"
 +
//Specify the slider's slide speed (larger is faster 1-10)
 +
var slidespeed=2
 +
//configure background color:
 +
slidebgcolor="#999999"
-
variableslide[0]=['https://static.igem.org/mediawiki/2012/9/95/Cop_slide1.jpg', '', '']
+
//Specify the slider's images
-
variableslide[1]=['https://static.igem.org/mediawiki/2012/f/f6/Cop_slide11.jpg', '', '']
+
var leftrightslide=new Array()
-
variableslide[2]=['https://static.igem.org/mediawiki/2012/c/c8/Cop_slide2.jpg', '', '']
+
var finalslide=''
-
variableslide[3]=['https://static.igem.org/mediawiki/2012/0/0e/Cop_slide5.jpg', '', '']
+
leftrightslide[0]='<img src="https://static.igem.org/mediawiki/2012/9/95/Cop_slide1.jpg" border=1></a>'
-
variableslide[4]=['https://static.igem.org/mediawiki/2012/f/f7/Cop_slide7.jpg', '', '']
+
leftrightslide[1]='<img src="https://static.igem.org/mediawiki/2012/f/f6/Cop_slide11.jpg" border=1></a>'
-
variableslide[5]=['https://static.igem.org/mediawiki/2012/e/e3/Cop_slide8.jpg', '', '']
+
leftrightslide[2]='<img src="https://static.igem.org/mediawiki/2012/c/c8/Cop_slide2.jpg" border=1></a>'
-
variableslide[6]=['https://static.igem.org/mediawiki/2012/2/2c/Cop_slide6.jpg', '', '']
+
leftrightslide[3]='<img src="https://static.igem.org/mediawiki/2012/0/0e/Cop_slide5.jpg" border=1></a>'
-
variableslide[7]=['https://static.igem.org/mediawiki/2012/b/b1/Cop_slide10.jpg', '', '']
+
leftrightslide[4]='<img src="https://static.igem.org/mediawiki/2012/f/f7/Cop_slide7.jpg" border=1></a>'
-
variableslide[8]=['https://static.igem.org/mediawiki/2012/c/c7/Cop_slide3.jpg', '', '']
+
leftrightslide[5]='<img src="https://static.igem.org/mediawiki/2012/e/e3/Cop_slide8.jpg" border=1></a>'
-
variableslide[9]=['https://static.igem.org/mediawiki/2012/0/06/Cop_slide9.jpg', '', '']
+
leftrightslide[6]='<img src="https://static.igem.org/mediawiki/2012/2/2c/Cop_slide6.jpg" border=1></a>'
-
variableslide[10]=['https://static.igem.org/mediawiki/2012/f/fd/Cop_slide4.jpg', '', '']
+
leftrightslide[7]='<img src="https://static.igem.org/mediawiki/2012/b/b1/Cop_slide10.jpg" border=1></a>'
 +
leftrightslide[8]='<img src="https://static.igem.org/mediawiki/2012/c/c7/Cop_slide3.jpg" border=1></a>'
 +
leftrightslide[9]='<img src="https://static.igem.org/mediawiki/2012/0/06/Cop_slide9.jpg" border=1></a>'
 +
leftrightslide[10]='<img src="https://static.igem.org/mediawiki/2012/f/fd/Cop_slide4.jpg" border=1></a>'
-
//configure the below 3 variables to set the dimension/background color of the slideshow
+
//Specify gap between each image (use HTML):
 +
var imagegap=" "
-
var slidewidth='660px' //set to width of LARGEST image in your slideshow
+
//Specify pixels gap between each slideshow rotation (use integer):
-
var slideheight='371px' //set to height of LARGEST iamge in your slideshow, plus any text description
+
var slideshowgap=3
-
var slidebgcolor='#999999'
+
-
//configure the below variable to determine the delay between image rotations (in miliseconds)
 
-
var slidedelay=3000
 
-
////Do not edit pass this line////////////////
+
////NO NEED TO EDIT BELOW THIS LINE////////////
-
var ie=document.all
+
var copyspeed=slidespeed
-
var dom=document.getElementById
+
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
 +
var iedom=document.all||document.getElementById
 +
if (iedom)
 +
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
 +
var actualwidth=''
 +
var cross_slide, ns_slide
-
for (i=0;i<variableslide.length;i++){
+
function fillup(){
-
var cacheimage=new Image()
+
if (iedom){
-
cacheimage.src=variableslide[i][0]
+
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
 +
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
 +
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
 +
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
 +
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
}
 +
else if (document.layers){
 +
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
 +
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
 +
ns_slide.document.write(leftrightslide)
 +
ns_slide.document.close()
 +
actualwidth=ns_slide.document.width
 +
ns_slide2.left=actualwidth+slideshowgap
 +
ns_slide2.document.write(leftrightslide)
 +
ns_slide2.document.close()
 +
}
 +
lefttime=setInterval("slideleft()",30)
 +
}
 +
window.onload=fillup
-
var currentslide=0
+
function slideleft(){
 +
if (iedom){
 +
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
 +
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
 +
else
 +
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"
-
function rotateimages(){
+
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
-
contentcontainer='<center>'
+
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
-
if (variableslide[currentslide][1]!="")
+
else
-
contentcontainer+='<a href="'+variableslide[currentslide][1]+'">'
+
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"
-
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" style="border:1px solid black;" vspace="3">'
+
-
if (variableslide[currentslide][1]!="")
+
-
contentcontainer+='</a>'
+
-
contentcontainer+='</center>'
+
-
if (variableslide[currentslide][2]!="")
+
-
contentcontainer+=variableslide[currentslide][2]
+
-
if (document.layers){
 
-
crossrotateobj.document.write(contentcontainer)
 
-
crossrotateobj.document.close()
 
-
}
 
-
else if (ie||dom)
 
-
crossrotateobj.innerHTML=contentcontainer
 
-
if (currentslide==variableslide.length-1) currentslide=0
 
-
else currentslide++
 
-
setTimeout("rotateimages()",slidedelay)
 
}
}
 +
else if (document.layers){
 +
if (ns_slide.left>(actualwidth*(-1)+8))
 +
ns_slide.left-=copyspeed
 +
else
 +
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap
-
if (ie||dom)
+
if (ns_slide2.left>(actualwidth*(-1)+8))
-
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
+
ns_slide2.left-=copyspeed
-
 
+
else
-
function start_slider(){
+
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
-
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
+
}
-
if (document.layers)
+
-
document.slidensmain.visibility="show"
+
-
rotateimages()
+
}
}
-
if (ie||dom)
 
-
start_slider()
 
-
else if (document.layers)
 
-
window.onload=start_slider
 
 +
if (iedom||document.layers){
 +
with (document){
 +
document.write('<table border="1" cellspacing="0" cellpadding="0"><td>')
 +
if (iedom){
 +
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
 +
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
 +
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
 +
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
 +
write('</div></div>')
 +
}
 +
else if (document.layers){
 +
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
 +
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
 +
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
 +
write('</ilayer>')
 +
}
 +
document.write('</td></table>')
 +
}
 +
}
</script>
</script>

Revision as of 16:58, 1 August 2012


Welcome to Team Copenhagen 2012!!

In this years project we will produce a construct that allows cyanobacteria to emit light when exposed to darkness for an extended period of time. The advantage of using cyanobacteria over other model organisms, such as E. coli, is that cyanobacteria do not require glucose for growth, but fixate CO2 in the atmosphere. Promoters that are normally controlling genes involved in the circadian rhythm of cyanobacteria will, in our construct, be associated with a luciferase gene casette containing all the enzymes necessary for the deployment of biologically generated light. The result is a sustainable system in which cyanobacteria per day will synthesize the components necessary for the production of light during periods with light and consume them in darkness under emission of light.

Copenhagen Official Team Profile

Sponsors

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