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

function changeproject(project_number){
//	alert(currentproject + ' == ' + project_number);
	currentproject=project_number;
	projectimage=1;
	startimage=1;
	build_thumbnail_list(currentproject, 1);
}

function selectimage(slot, image_number){
//	alert(currentproject + ' == ' + project_number);
	ttslot = 'thumbtable' + currentslot;
	ttlabel = 'thumblabel' + currentslot;
//	alert(ttslot);
  document.getElementById( ttslot ).className="notselected";
  document.getElementById( ttlabel ).className="thumbcaption";
//	currentproject = project_number;
	currentslot = slot;
//	alert(currentproject + ' == ' + project_number);

	ttlabel = 'thumblabel' + currentslot;
	ttslot = 'thumbtable' + currentslot;
//	changelargeimgsrc(currentproject, 1, true);
	changelargeimgsrc(currentproject, image_number, true);
//	alert(document.getElementById( ttslot ).className);
  document.getElementById( ttslot ).className="selected";
  document.getElementById( ttlabel ).className="thumbcaptionselected";
//	alert(document.getElementById( ttslot ).className);
//	projectimage=1;
	projectimage=image_number;
	
	if ( currentproject == 0 ) {
		document.getElementById('topinstruction').innerHTML='Click on a home <br>for larger view'	
		document.getElementById('bottominstruction').innerHTML=' '	
		document.getElementById('chgproj').innerHTML='<a href="javascript: changeproject(' + image_number + ');"><img src="images/cpb-see-more.gif" alt="" width="158" height="29" border="0"></a>'	
	} else {
		document.getElementById('topinstruction').innerHTML='Click on photos <br>for larger view'	
		document.getElementById('bottominstruction').innerHTML='<p class="listinstbottom"><a href="javascript: changeproject(0);" class="inst">Click here to view more homes</a></p>'	
		document.getElementById('chgproj').innerHTML='<img src="images/rgbempty.gif" alt="" width="158" height="29" border="0">'	
	}

	check_buttons();
	return true;
}

//function changelargeimgsrc(projectnumber, imagenumber, portfolio){
function changelargeimgsrc(projectnumber, imagenumber){
	var str_beforeafter;
//	alert("project #: " + projectnumber + "img #: " + imagenumber );
	imagetodisplay = (imagenumber - 1) ;
	projectimage = imagenumber;
	document.images.fullview.src='images/portfolio/'+cpb_photos[projectnumber][imagetodisplay];
	if (projectnumber == 0) {
		document.getElementById('mainpiccaption').innerHTML=cpb_photo_caption[projectnumber][imagetodisplay];
	} else {
		document.getElementById('mainpiccaption').innerHTML=cpb_photo_caption[projectnumber][imagetodisplay] + " - " + cpb_projtitle[projectnumber];
	}
	document.getElementById('mainpictitle').innerHTML=cpb_photo_title[projectnumber][imagetodisplay];
	document.getElementById('mainpicdesc').innerHTML=cpb_photo_desc[projectnumber][imagetodisplay];
/*
	if (cpb_photo_before[projectnumber][imagetodisplay] > 0 || cpb_photo_after[projectnumber][imagetodisplay] > 0) {
		str_beforeafter = '<a href="javascript: baimage(' + cpb_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(' + cpb_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() {
	lastimage=cpb_imgcnt[currentproject];
//	alert ("Current Project " + currentproject + " Initial Image: " + startimage + " Image count: " + lastimage);

	if ( startimage > 1 ){
		startimage--
//		alert ("Image: " + startimage);
		build_thumbnail_list(currentproject, startimage);
//		insert_thumbnail(currentproject, startimage, 1, true)
//		insert_thumbnail(currentproject, startimage+1, 2, true)
//		insert_thumbnail(currentproject, startimage+2, 3, true)
	}
	check_buttons();
}

function downlist(){
	lastimage=cpb_imgcnt[currentproject];
//	alert ("Current Project " + currentproject + " Initial Image: " + startimage + " Image count: " + lastimage);

	if ( startimage < lastimage-2 ){
		startimage++
		build_thumbnail_list(currentproject, startimage);
//		alert ("Down top image: " + startimage);
//		insert_thumbnail(currentproject, startimage, 1, true)
//		insert_thumbnail(currentproject, startimage+1, 2, true)
//		insert_thumbnail(currentproject, startimage+2, 3, true)
//		insert_thumbnail(project_number, image_number++, slot_number++, true);
	}
	check_buttons();
}

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

function check_buttons() {
	lastimage=cpb_imgcnt[currentproject];
//		alert ("Last Image: " + lastimage);
//		alert ("Image: " + startimage);

	if ( startimage == 1 ) {
		document.getElementById('upbutton').innerHTML='<img src="images/rgbempty.gif" alt="" width="43" height="37" border="0">'	
	} else {
		document.getElementById('upbutton').innerHTML='<a href="javascript: uplist();"><img src="images/buttons/cpb-buttons-portfolio-up-arrow.gif" alt="" width="43" height="37" border="0"></a>'	
	}
	if ( startimage == lastimage-2 || lastimage < 3 ){
		document.getElementById('downbutton').innerHTML='<img src="images/rgbempty.gif" alt="" width="43" height="37" border="0">'	
	} else {
		document.getElementById('downbutton').innerHTML='<a href="javascript: downlist();"><img src="images/buttons/cpb-buttons-portfolio-down-arrow.gif" alt="" name="cpbbuttondown" id="cpbbuttondown"  width="43" height="37" border="0"></a>'	
	}
}


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

ttslot = "thumbtable" + slot;
ttlabel = "thumblabel" + slot;
disp_image_number = imagenumber-1;

pic_string = '<table border="0" cellspacing="0" cellpadding="2" class="notselected" id="' + ttslot + '"><tr><td><img src="images/thumbs/' + cpb_photos[project_number][disp_image_number] + '" alt="" name="cpb_thumbslot' + slot + '" id="cpb_thumbslot' + slot + '" height="67" border="0" onmousedown="javascript: selectimage(' + slot + ', ' + imagenumber + ');"></td></tr></table><p class="thumbcaption" id="' + ttlabel + '">' + cpb_photo_title[project_number][disp_image_number] + '</p>'
//pic_string = '<table border="0" cellspacing="0" cellpadding="2" class="notselected" id="' + ttslot + '"><tr><td><img src="images/thumbs/' + cpb_photos[project_number][imagenumber] + '" alt="" name="cpb_thumbslot' + slot + '" id="cpb_thumbslot' + slot + '" width="88" height="70" border="0" onmousedown="javascript: selectimage(' + project_number + ', ' + slot + ');"></td></tr></table><p class="thumbcaption" id="' + ttlabel + '">' + cpb_projtitle[project_number] + '</p>'
//alert(pic_string);

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

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


function build_thumbnail_list(project_number, start_image) 
{
//proj_number = 0;
//image_number=1;
slot_number=1;
lastimage = cpb_imgcnt[project_number];

//alert( "image count: " + lastimage );

for (i=start_image; i<=start_image+2; i++){
	image_number=i;
	insert_thumbnail(project_number, image_number, slot_number++, true);
}
//insert_thumbnail(project_number, image_number++, slot_number++, true);
//insert_thumbnail(project_number, image_number++, slot_number++, true);

if (startimage == 1) {
	selectimage(1, 1);
}	
check_buttons();

}




//===========================================================================
//===============================    OLD    ===================================
//===========================================================================

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 < cpb_imgcnt[currentproject] ){
		projectimage++;
//		alert ("Image: " + projectimage);
		imagetodisplay = projectimage ;
		changelargeimgsrc(currentproject, imagetodisplay, true)
	}
	check_buttons();
}

function insert_roomdesc(imagenumber)
{

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

return true;
}