var imagetodisplay;
var preloadimages=new Array()
for (i=0;i<pch_photos.length;i++){
	preloadimages[i]=new Image()
	preloadimages[i].src='images/thumbs/'+pch_photos[i]
}

function changeproject(projectnumber,slot){
//	alert(currentproject + ' == ' + projectnumber);
	ttslot = 'thumbtable' + currentslot;
	ttlabel = 'thumblabel' + currentslot;
//	alert(ttslot);
  document.getElementById( ttslot ).className="notselected";
  document.getElementById( ttlabel ).className="projtitle";
	currentproject = projectnumber;
	currentslot = slot;
//	alert(currentproject + ' == ' + projectnumber);

	ttlabel = 'thumblabel' + currentslot;
	ttslot = 'thumbtable' + currentslot;
	changelargeimgsrc(currentproject, 1, true);
//	alert(document.getElementById( ttslot ).className);
  document.getElementById( ttslot ).className="selected";
  document.getElementById( ttlabel ).className="projtitleselected";
//	alert(document.getElementById( ttslot ).className);
	projectimage=1;
	check_buttons();
	return true;
}

function changelargeimgsrc(projectnumber, imagenumber, portfolio){
	var str_beforeafter;
//	alert(projectnumber);
	imagetodisplay = (imagenumber - 1) ;
	projectimage = imagenumber;
	document.images.fullview.src='images/portfolio/'+pch_photos[projectnumber][imagetodisplay];
	document.getElementById('mainpiccaption').innerHTML=pch_photo_caption[projectnumber][imagetodisplay];
	document.getElementById('mainpictext').innerHTML=pch_photo_desc[projectnumber][imagetodisplay];
	if (pch_photo_before[projectnumber][imagetodisplay] > 0 || pch_photo_after[projectnumber][imagetodisplay] > 0) {
		str_beforeafter = '<a href="javascript: baimage(' + pch_photo_before[projectnumber][imagetodisplay] + ');"><img src="images/page-custom-homes-portfolio-before-button.gif" alt="" width="92" height="23" border="0"></a>&nbsp;<a href="javascript: baimage(' + pch_photo_after[projectnumber][imagetodisplay] + ');"><img src="images/page-custom-homes-portfolio-after-button.gif" alt="" width="91" height="23" border="0"></a>';
	} else {
		str_beforeafter = '&nbsp;';
	}
	
	document.getElementById('beforeafter').innerHTML= str_beforeafter;
	return true;
}

function uplist() {
	if ( whichimage > 0 ){
		whichimage--
//		alert ("Image: " + whichimage);
		insert_thumbnail(whichimage, 0, 1, true)
		insert_thumbnail(whichimage+1, 0, 2, true)
		insert_thumbnail(whichimage+2, 0, 3, true)
	}
	check_buttons();
}

function downlist(){
	var strtest;
//		alert ("Initial Image: " + whichimage);
	if ( whichimage < pch_photos.length-3 ){
		whichimage++
//		alert ("Image: " + whichimage);
		insert_thumbnail(whichimage, 0, 1, true)
		insert_thumbnail(whichimage+1, 0, 2, true)
		insert_thumbnail(whichimage+2, 0, 3, true)
	}
	check_buttons();
}

function previmage() {
//		alert ("Initial Image: " + projectimage);
	if ( projectimage > 1 ){
		projectimage--;
//		alert ("Image: " + projectimage);
		imagetodisplay = projectimage ;
		changelargeimgsrc(currentproject, imagetodisplay, true)
	}
	check_buttons();
}

function nextimage(){
//		alert ("Initial Image: " + projectimage);
	if ( projectimage < pch_imgcnt[currentproject] ){
		projectimage++;
//		alert ("Image: " + projectimage);
		imagetodisplay = projectimage ;
		changelargeimgsrc(currentproject, imagetodisplay, true)
	}
	check_buttons();
}

function baimage(projectimage) {
//		alert ("Initial Image: " + projectimage);
//		alert ("Image: " + projectimage);
	imagetodisplay = projectimage ;
	changelargeimgsrc(currentproject, imagetodisplay, true)
	check_buttons();
}

function check_buttons() {
//		alert ("Image: " + whichimage);
	if ( whichimage == 0 ) {
		document.getElementById('upbutton').innerHTML='<img src="images/rgbempty.gif" alt="" width="47" height="17" border="0">'	
	} else {
		document.getElementById('upbutton').innerHTML='<a href="javascript: uplist();"><img src="images/page-custom-homes-portfolio-button-up.gif" alt="" name="pchbuttonup" id="pchbuttonup" width="47" height="17" border="0" onmouseover="pchbuttonup.src=\'images/page-custom-homes-portfolio-button-up-over.gif\';" onmouseout="pchbuttonup.src=\'images/page-custom-homes-portfolio-button-up.gif\';"></a>'	
	}
	if ( whichimage == pch_project_count-3 ){
		document.getElementById('downbutton').innerHTML='<img src="images/rgbempty.gif" alt="" width="67" height="18" border="0">'	
	} else {
		document.getElementById('downbutton').innerHTML='<a href="javascript: downlist();"><img src="images/page-custom-homes-portfolio-button-down.gif" alt="" name="pchbuttondown" id="pchbuttondown" width="67" height="18" border="0" onmouseover="pchbuttondown.src=\'images/page-custom-homes-portfolio-button-down-over.gif\';" onmouseout="pchbuttondown.src=\'images/page-custom-homes-portfolio-button-down.gif\';"></a>'	
	}

// PREVIOUS NEXT BUTTONS
	if ( projectimage == 1 ) {
		document.getElementById('prevbutton').innerHTML='<img src="images/rgbempty.gif" alt="" width="71" height="21" border="0">'	
	} else {
		document.getElementById('prevbutton').innerHTML='<a href="javascript: previmage();"><img src="images/pch-restoration-portfolio-previous-button.gif" alt="" width="71" height="21" border="0"></a>'	
	}
	if ( projectimage == pch_imgcnt[currentproject] ) {
		document.getElementById('nextbutton').innerHTML='<img src="images/rgbempty.gif" alt="" width="49" height="21" border="0">'	
	} else {
		document.getElementById('nextbutton').innerHTML='<a href="javascript: nextimage();"><img src="images/pch-restoration-portfolio-next-button.gif" alt="" width="49" height="21" border="0"></a>'	
	}
	if ( projectimage == 1 && projectimage == pch_imgcnt[currentproject] ) {
		document.getElementById('nxtprvsep').innerHTML='<img src="images/rgbempty.gif" alt="" width="6" height="21" border="0">'	
	} else {
		document.getElementById('nxtprvsep').innerHTML='<img src="images/pch-restoration-portfolio-pn-separator.gif" alt="" width="6" height="21" border="0">'	
	}
	
}


//<script language="JavaScript">insert_thumbnail(0, 1);</script>
function insert_thumbnail(proj_number, imagenumber, slot, portfolio)
{
var pic_string 
//alert(proj_number + ' == ' + imagenumber + ' == ' + slot);

ttslot = "thumbtable" + slot;
ttlabel = "thumblabel" + slot;

pic_string = '<table border="0" cellspacing="0" cellpadding="2" class="notselected" id="' + ttslot + '"><tr><td><img src="images/thumbs/' + pch_photos[proj_number][imagenumber] + '" alt="" name="pch_thumbslot' + slot + '" id="pch_thumbslot' + slot + '" width="124" height="74" border="0" onmousedown="javascript: changeproject(' + proj_number + ', ' + slot + ');"></td></tr></table><p class="projtitle" id="' + ttlabel + '">' + pch_projtitle[proj_number] + '</p>'
//alert(pic_string);

photo_slot = 'pch_photoslot' + slot;
//alert(photo_slot);

document.getElementById( photo_slot ).innerHTML = pic_string;
return true;
}

function build_thumbnail_list() 
{
proj_number = 0;
slot_number=1;
//alert(proj_number + '---' + slot_number);
insert_thumbnail(proj_number++, 0, slot_number++, true);

//alert(proj_number + '---' + slot_number);
insert_thumbnail(proj_number++, 0, slot_number++, true);

//alert(proj_number + '---' + slot_number);
insert_thumbnail(proj_number++, 0, slot_number++, true);

//changelargeimgsrc(0, 1, true)
changeproject(0,1);

check_buttons()

return true;

}


function insert_roomdesc(imagenumber)
{

	document.getElementById('subpictext').innerHTML= pch_roomdesc[imagenumber] ;

return true;
}