var contentarray=new Array()  //Array storing the corresponding description for each Carousel panel
contentarray[0]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one stick\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight\">Event Stream</a></li></ul></div>"
contentarray[1]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two stick\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight\">Event Stream</a></li></ul></div>"
contentarray[2]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three stick\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight\">Event Stream</a></li></ul></div>"
contentarray[3]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four stick\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight\">Event Stream</a></li></ul></div>"
contentarray[4]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five stick\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight\">Event Stream</a></li></ul></div>"
contentarray[5]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six stick\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight\">Event Stream</a></li></ul></div>"
contentarray[6]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven stick\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight\">Event Stream</a></li></ul></div>"
contentarray[7]="<div id=\"smlnav\"><ul><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',1)\" class=\"one\">Intro</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',2)\" class=\"two\">Berlin Infection</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',3)\" class=\"three\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',4)\" class=\"four\">3</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',5)\" class=\"five\">Reclaimation</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',6)\" class=\"six\">2</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',7)\" class=\"seven\">Seeing the City</a></li><li><a href=\"#\" onclick=\"javascript:stepcarousel.stepTo('mygallery',8)\" class=\"eight stick\">Event Stream</a></li></ul></div>"

stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:300, wraparound:false, persist:false},
defaultbuttons: {enable:true, moveby:1, leftnav: ['/css/f/arrow_tl.png', 1, 1], rightnav: ['/css/f/arrow_br.png', -39, 366]},
statusvars: ['imageA', 'imageB', 'imageC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'], //content setting ['inline'] or ['external', 'path_to_external_file']
oninit:function(){
 contentcontainer=document.getElementById('relatedcontent') //reference DIV used to contain related content
},
onslide:function(){
 //Update DIV with this panel's related content (notice imageA-1 as the array index, as imageA starts at 1, while array at 0
 contentcontainer.innerHTML=contentarray[imageA-1]
}
})