// JavaScript Document

var imgThumbArray = new Array();
var slideArray = new Array();
var slideIndex = 0;
var imgFolder = "../images/details/slide_show/";
var ext = ".jpg";

//                  slideItem(fileName,thumbName,title,design,construct,no caption boolean)
slideArray[0] = new slideItem("3_entrance","3_entrance_thumb","entry","western red cedar, spanish cedar","studio junction","studio junction + jarl anderson",false);
slideArray[1] = new slideItem("4_slider","4_slider_thumb","sliding wall","cedar, aluminum","peter tan","a. m. carpentry",false);
slideArray[2] = new slideItem("5_sliderCabinet","5_sliderCabinet_thumb","sliding doors","offcuts (cedar, spanish cedar, douglas fir,ipe)","studio junction","studio junction",false);
slideArray[3] = new slideItem("6_gate","6_gate_thumb","courtyard gate","ipe","studio junction","studio junction + jarl anderson",false);
slideArray[4] = new slideItem("7_gateStone","7_gateStone_thumb","courtyard gate","ipe","studio junction","studio junction + jarl anderson",false);
slideArray[5] = new slideItem("8_curvedPly_frame","8_curvedPly_frame_thumb","display panels/doors","bendable plywood on plywood structure","immersion studios + scott eunson","scott eunson + peter tan",false);
slideArray[6] = new slideItem("9_curvedPly_skinned","9_curvedPly_skinned_thumb","display panels/doors","bendable plywood on plywood structure","immersion studios + scott eunson","scott eunson + peter tan",false);
slideArray[7] = new slideItem("1_counter","1_counter_thumb","countertop","teak","john potter","lubo brezina + peter tan",false);
slideArray[8] = new slideItem("2_sink","2_sink_thumb","grille","teak","studio junction","studio junction",false);
slideArray[9] = new slideItem("10_bench_high","10_bench_high_thumb","bench","cedar","studio junction","studio junction",false);
slideArray[10] = new slideItem("11_benchbed","11_benchbed_thumb","bed/bench","cedar","studio junction","studio junction",false);
slideArray[11] = new slideItem("12_cradle","12_cradle_thumb","bassinet","bendable teak plywood","studio junction","studio junction",false);

function slideItem(fileName,thumbName,title,material,designer,construct,noCap)
{
	this.fileName = fileName + ext;
	this.thumbName = thumbName + ext;
	this.title = title;
	this.material = material
	this.design = designer;
	this.construct = construct;
	this.noCap = noCap;
}

function writeSlideShow(container)
{
	var mHTML = "";
	
	for (i=0;i<slideArray.length;i++)
	{
		if (slideArray[i].title != null && !(slideArray[i].noCap))
		{
		mHTML += '<li><a href="#" onclick="this.blur(); showSlideImg(' + i + ')"><img src="'
		+ imgFolder + slideArray[i].thumbName +
		'" class="thumbnailArt" /></a><p>'
		+ slideArray[i].title +
		'</p></li>';
		}
		else
		{
		mHTML += '<li><a href="#" onclick="this.blur(); showSlideImg(' + i + ')"><img src="'
		+ imgFolder + slideArray[i].thumbName +
		'" class="thumbnailArt" /></a><p>&nbsp;</p></li>';
		}
	}
	
	document.getElementById(container).innerHTML = mHTML;
}

function showSlideImg(index)
{
	var mHTML = genCaption(index,mHTML);
		
	document.getElementById("slideImg").src = imgFolder+slideArray[index].fileName;
	document.getElementById("imgCap").innerHTML = mHTML;

return true;
}

function shuffleImg()
{
	var i=Math.round(Math.random( ) * (slideArray.length-1));
	var mHTML = genCaption(i,mHTML);
	document.getElementById("slideImg").src = imgFolder+slideArray[i].fileName;
	document.getElementById("imgCap").innerHTML = mHTML;
	
	return true;
}

function genCaption(index,mHTML)
{
	mHTML = "<table>";
	if (slideArray[index].material != null)
	{
		mHTML +=
		"<tr><td>material : &nbsp;</td><td>" 
		+ slideArray[index].material;
	}
		
	if (slideArray[index].design != null)
	{
		mHTML +=
		"</td></tr><tr><td>designed by : &nbsp;</td><td>" 
		+ slideArray[index].design;
	}
	if (slideArray[index].construct != null)
	{
		mHTML += 
		"</td></tr><tr><td>construction : &nbsp;</td><td>" 
		+ slideArray[index].construct;
	}

	mHTML += "</td></tr></table>";
	
	
	return mHTML;
}