var captions = ['0',
'Crook | Cup | Bow | Twist (categories of wood deformation) refers to the latent potential energy of all natural systems towards movement. ', 

'<b>Movement</b><br />The project’s intent is to harness both the physical and ephemeral sense of this gestural movement in the site, as a way to promote the exploratory qualities the owners find so compelling about the surrounding landscape.', 

'<b>Home and Studio</b><br />This Marin County, California residence is located on a 42-acre site in one of the inland valleys of the California Coastal Range. The low-slung, elongated mass of the main house compliments the rolling ridges of the landscape and places it in scale with the expansive site. The forms and materials reference the agrarian service buildings in the areas, abstracting the architectural language beyond the traditionally domestic.', 

'<b>Route Map</b><br />The proposal first analyzes the site as a series of existing “routes” across the landscape, which then are catalogued into three types: <b>Topographic</b>; <b>Constructed</b>; and <b>Diurnal</b>. The negotiation of these systems of movement establishes the logic of the plan, with the new construction the knot at the center, drawing strands in, engaging them with others, and propelling them back out again.', 

'<b>Topographic Routes </b><br />The site’s terrain collects surface water through an arterial system, the two main flows of which combine into a seasonal watercourse at the base of the hillside, eventually feeding a regional stream system.  This water in turn supports the riparian vegetation that so prominently marks the yellow hillsides in dark green.', 

'<b>Constructed Routes</b><br />The circulation corridor of the house runs along the southern edge of the structure forming part of a circular route that connects to the ridgeline above. A second loop connects a series of boardwalks with a stand of Oaks and a rock outcropping. A third route crosses the grassland meadow with a ramp to the entry of the main house on axis with the highest ridge to the north.', 

'<b>Diurnal Routes</b><br />The main residence turns its back to the southern exposure, controlling heat gain and bringing north light and hillside views to the living spaces. The construction organizes around a heavy masonry spine that acts as a thermal mass. A secondary skin (perforated metal roof and wood solar screen) drapes the entire structure and further regulates the daily and seasonal cycles of the sun.', 

'<b>View towards Studio</b>', 

'<b>View along Main House</b>', 

'<b>Floor Plan</b><br />The main house segments into two simple blocks of space --a “day” and “night” zone.  A small exterior court at the inflection point in the plan separates these functions.  This “hinge” breaks open the space for a moment with directed views to the north ridge and south courtyard outside the work studio.', 

'<b>Building Envelope</b><br />The outer layers of construction are not part of the thermally controlled envelope and thus act to deflect and dissipate solar heat gain before it enters the building.  By minimizing the daily and seasonal thermal swings, a ground-coupled heat pump and natural ventilation can maintain the interior comfort level.', 

'<b>Solar Screen </b><br />The movement of the wind through the site’s open grasslands is one of the most salient images of the ranch landscape.  The project attempts to capture this sense of fluid movement in the construction of the solar screen across the southern side of the main façade.', 

'<b>Re-Purposed</b><br />The timber trusses of an existing outdoor riding arena provide the recycled wood for the screen.  The re-milled lumber of the screen connects to the long history of milling in the valleys of the area and the construction references the mill’s methods of stacking lumber to dry.', 

'<b>Shadow</b><br />From the inside, the wood solar screen creates a palette of continuously moving shadows, marking the time of day and seasons.', 

'<b>Deformity Projection</b><br />The wood is milled and coded according to its predominant warpage tendencies: crook, cup, bow, and twist.  It is then stacked by threading sections of varying length onto vertical tie rods secured in a frame.  The system allows for loose ends with the expectation that as the wood ages and weathers its latent deformity will create a palette of movement.', 

'<b>Constructed Nature</b><br />Beyond important measures of sustainability, the design elucidates a set of important and complex relationships between the landscape, the ecosystems, the construction techniques, and ultimately, the human occupation.  The architecture embeds itself in the site not to camouflage itself or simply wear the mantle of “green”, but to proactively construct a series of spatial thresholds that propel both physical and psychological exploration of the site.'];


var current=1;

function setImg(num){
	if(num < 10)
	{
		var image_path = "cr_0";
	}
	else
	{
		var image_path = "cr_";
	}
	if(current < 10)
	{
		var cur_path = "cr_0";
	}
	else
	{
		var cur_path = "cr_";
	}
	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 = "cr_0";
	}
	else
	{
		var image_path = "cr_";
	}
	
	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 = "cr_0";
	}
	else
	{
		var image_path = "cr_";
	}
	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';
}