function arrayFind(arr,x) {
 for(var i=0; i < arr.length; i++) {
  if(arr[i]==x) return i;
 }
}

// result handler when showSample() function fired
function handleResults(results) {
	
	// get column names to use for data field results
	var sampleId = arrayFind(results.COLUMNS, "SAMPLEID");
	var sampleDesc = arrayFind(results.COLUMNS, "SAMPLEDESCRIPTION");
	var sampleClient = arrayFind(results.COLUMNS, "CLIENTNAME");
	var sampleImg = arrayFind(results.COLUMNS, "IMAGEORIGINALFILE");
	
	// get div names to update display with results
	var descDiv = document.getElementById("desc"); 
	var clientDiv = document.getElementById("client");
	var imgDiv = document.getElementById("sampleImg");
	
	// initialize div display values
	descDiv.innerHTML = '';
	clientDiv.innerHTML = '';
	imgDiv.innerHTML = '';
	
	// get needed data for sampleId passed in, update div display as needed
	for(var i=0; i < results.DATA.length; i++) {
		descDiv.innerHTML = results.DATA[i][sampleDesc];
		clientDiv.innerHTML = 'client: ' + results.DATA[i][sampleClient]; 
		imgDiv.innerHTML = '<img src="images/portfolio/originals/' + results.DATA[i][sampleImg] + '" border="0" width="678" height="431" />';
		document.getElementById(results.DATA[i][sampleId]).focus();
		document.getElementById(results.DATA[i][sampleId]).setAttribute('class', 'on');
 }
	
}

// function called when button clicked, triggers CFC methods on server
function showSample(sampleId) { 
	var samples = new portfolio();
 samples.setCallbackHandler(handleResults);
 samples.getSampleBySampleId(sampleId); 
}

function firstButtonOn(sampleId) { 
	document.getElementById(sampleId).setAttribute('class', '');
}

function turnButtonOff(sampleId) { 
	document.getElementById(sampleId).setAttribute('class', '');
}