var captions = ['The Lamella project imagines a continually shifting land and water-scape at Horseshoe Cove in Sausalito, CA that fosters the public’s consciousness of the dynamic nature of our environment and our responsibilities to sustain it. <br />The project deploys an expandable net of recycled plastic components, which create a new civic terrain dedicated to environmental education and demonstration projects.',

'<b>Year 2010:</b><br />First, the support structure of the existing seawall is removed to encourage the natural erasure of this hard edge.  Initially, the plastic components are stacked against the old wall as a new, flexible edge, which gradually delaminates as it is undercut by natural erosion and buffeted by the daily and seasonal tides.',

'<b>Year 2050:</b><br />By the year 2050, sea level in the San Francisco Bay is predicted to rise approximately 16 inches.  Without a sea wall, a natural softer edge emerges, as does a new tidal habitat in the center of the site.  In these shallow habitats, the laminar components slowly stabilize as they gather sediment.',

'<b>Year 2100:</b><br />By 2100, sea level in the San Francisco Bay is predicted to rise as much as 55 inches, inundating much of the site and adjacent areas.  The laminar net would re-gather along the back edge of the site.  Yet, with hope, the ability of this architecture to move might also influence a number of other dynamic systems – including mechanisms for environmental awareness, public policy, and community action.',

'<b>Site Plan:</b><br />By making visible the local cycles of the tides and the global effects of sea level rise, by witnessing a new tidal wetland take root, and by treading lightly on the land with a small scale self-sustained infrastructure, visitors will better understand the delicate balance of life at the waters’ edge -- healing the damaged edge.',

'<b>The Laminar:</b><br />These hollow, recycled plastic components attempt to turn the image of floating bottles lining so many urban waterfronts into a productive and beautiful force.  The pre-fabricated system can be installed on site by two individuals with minimal tools. The net system is connected via joints that allow the component’s long leg to wiggle a total of 16 degrees.',

'<b>Enclosure:</b><br />The hollow components can be filled and stacked like bricks to create site walls and enclosures.  For security and environmental control, an internal translucent skin clips onto the components.  A lightweight laminar roof structure completes the enclosure.',

'<b>Motion Studies: </b><br />A small physical model was created to study the system’s range of motion in relation to the connection method.',

'<b>Network Model: </b><br />The system can be further controlled by pinning portions of the net at strategic points to limit this range of motion. The loose connections of the laminar net allow the lightweight system to expand and contract as needed.  This allows the system to work fluidly in concert with the natural tides, the contours of the landscape, and the confines and program needs of difficult infill sites.',

'<b>Low Tide:</b><br />During low tide, the net drifts out to create a public marina and boat launch.  Sections of the frayed edge of the system can become unhinged and used as community paddle boats to explore the cove.',

'<b>High Tide: </b><br />During high tide and storm surges, the net collects to create a denser edge along the waterfront.  Twice each day the laminated edge is transformed, marking and intensifying nature’s cycles for all visitors in a visceral way.',

'<b>Tidal Flats: </b><br />Inland, as new tidal zones develop, the net becomes more embedded in the shifting ground.  The hollow components can be filled with sand to control their buoyancy.  This open system fosters the collection of sediment through the natural coastal alluvial action, thus restoring native wildlife habitats.',

'<b>Higher Ground:</b><br />On higher ground, the laminar net loosely organizes a series of public paths, community gardens, and habitat restoration nurseries – creating a public environmental demonstration and education center.  Contained configurations of the system are used for storm water run-off control, on-site septic filtration, and as bio-remediation of grey water.',

'<b>Environmental Education:</b><br />This view looks towards the interconnected pathways, plant nurseries, community garden plots, and demonstration areas as entered from the project’s west end.',

'<b>Wandering:</b><br />This view shows the laminar elements sprawling across the site. In the foreground, the visitor center pavilion shelters a small café and book store. From this fixed node, visitors meander a network of intertwined pathways and habitat areas across the constantly evolving site.',

'<b>Gathering: </b><br />This view shows the laminar elements stacked to create an outdoor amphitheater, cinema screen and gathering space.',

'<b>Flexible Landscape: </b><br />Inspired by the patterns of accumulated floating debris at so many abandoned urban shores, the project transforms this disturbing image into an expandable net of recycled plastic components, which create a new civic terrain dedicated to environmental education and demonstration projects.'];



var current=0;

function setImg(num){
	if(num < 10)
	{
		var image_path = "lam_0";
	}
	else
	{
		var image_path = "lam_";
	}
	if(current < 10)
	{
		var cur_path = "lam_0";
	}
	else
	{
		var cur_path = "lam_";
	}
	if (document.getElementById('thumb'+current))
	{
		document.getElementById('thumb'+current).src='img/tn/'+cur_path+current+'bw.jpg';
	}
	document.getElementById('mainpic').src='img/'+image_path+num+'.jpg';
	document.getElementById('thumb'+num).src='img/tn/'+image_path+num+'.jpg';
	document.getElementById('desc1').innerHTML=captions[num];
	current=num;
}

function mouseout(num) {
	if(num < 10)
	{
		var image_path = "lam_0";
	}
	else
	{
		var image_path = "lam_";
	}
	
	if (num == current) return;
	document.getElementById('thumb'+num).src='img/tn/'+image_path+num+'bw.jpg';
}

function mouseover(num) {

	if(num < 10)
	{
		var image_path = "lam_0";
	}
	else
	{
		var image_path = "lam_";
	}
	document.getElementById('thumb'+num).src='img/tn/'+image_path+num+'.jpg';
}

function nextImg(){
	var num = current + 1;
	if (num > 16) num = 1;
	setImg(num);
}

var currentTxt=1;

function mouseoutTxt(num,name) {
	if (num == currentTxt) return;
	document.getElementById('btn_'+name).src='img/link_'+name+'.gif';
}

function mouseoverTxt(num,name) {
	document.getElementById('btn_'+name).src='img/link_'+name+'_over.gif';
}
