var portfolio = new Array();

portfolio[0] = new Object();
portfolio[0].loc = "Beverly Hills Country";
portfolio[0].pic = new Array();
portfolio[0].pic[0] = '1035';
portfolio[0].pic[1] = '1039';
portfolio[0].pic[2] = '0767';
portfolio[0].pic[3] = '0792';
portfolio[0].pic[4] = '0806';
portfolio[0].pic[5] = '0819';
portfolio[0].pic[6] = '0842';
portfolio[0].pic[7] = '0855';
portfolio[0].pic[8] = '0878';
portfolio[0].pic[9] = '0890';
portfolio[0].pic[10] = '0895';
portfolio[0].pic[11] = '0904';
portfolio[0].pic[12] = '0943';
portfolio[0].pic[13] = '0951';
portfolio[0].pic[14] = '0955';
portfolio[0].pic[15] = '0970';
portfolio[0].pic[16] = '0975';
portfolio[0].pic[17] = '0979';
portfolio[0].pic[18] = '0741';
portfolio[0].pic[19] = '0730';
portfolio[0].pic[20] = '1052';
portfolio[0].pic[21] = '1077';
portfolio[0].pic[22] = '1079';
portfolio[0].pic[23] = '1087';
portfolio[0].pic[24] = '1106';
portfolio[0].pic[25] = '1141';
portfolio[0].pic[26] = '1169';
portfolio[0].pic[27] = '1192';
portfolio[0].pic[28] = '2113';
portfolio[0].pic[29] = '2122';
portfolio[0].pic[30] = '2137';
portfolio[0].pic[31] = '2220';


portfolio[1] = new Object();
portfolio[1].loc = "Laurel Canyon";
portfolio[1].pic = new Array();
portfolio[1].pic[0] = 'lc1';
portfolio[1].pic[1] = 'lc2';
portfolio[1].pic[2] = 'lc3';
portfolio[1].pic[3] = 'lc4';
portfolio[1].pic[4] = 'lc5';
portfolio[1].pic[5] = 'lc6';
portfolio[1].pic[6] = 'lc7';
portfolio[1].pic[7] = 'lc8';

portfolio[2] = new Object();
portfolio[2].loc = "NYC Loft";
portfolio[2].pic = new Array();
portfolio[2].pic[0] = 'nycl1';
portfolio[2].pic[1] = 'nycl2';
portfolio[2].pic[2] = 'nycl3';
portfolio[2].pic[3] = 'nycl4';
portfolio[2].pic[4] = 'nycl5';
portfolio[2].pic[5] = 'nycl6';
portfolio[2].pic[6] = 'nycl7';
portfolio[2].pic[7] = 'nycl8';
portfolio[2].pic[8] = 'nycl9';
portfolio[2].pic[9] = 'nycl10';
portfolio[2].pic[10] = 'nycl11';
portfolio[2].pic[11] = 'nycl12';
portfolio[2].pic[12] = 'nycl13';
portfolio[2].pic[13] = 'nycl14';
portfolio[2].pic[14] = 'nycl15';
portfolio[2].pic[15] = 'nycl16';
portfolio[2].pic[16] = 'nycl17';
portfolio[2].pic[17] = 'nycl18';
portfolio[2].pic[18] = 'nycl19';

portfolio[3] = new Object();
portfolio[3].loc = "McCadden";
portfolio[3].pic = new Array();
portfolio[3].pic[0] = 'mc1';
portfolio[3].pic[1] = 'mc19';
portfolio[3].pic[2] = 'mc3';
portfolio[3].pic[3] = 'mc4';
portfolio[3].pic[4] = 'mc5';
portfolio[3].pic[5] = 'mc6';
portfolio[3].pic[6] = 'mc7';
portfolio[3].pic[7] = 'mc8';
portfolio[3].pic[8] = 'mc9';
portfolio[3].pic[9] = 'mc10';
portfolio[3].pic[10] = 'mc11';
portfolio[3].pic[11] = 'mc12';
portfolio[3].pic[12] = 'mc13';
portfolio[3].pic[13] = 'mc14';
portfolio[3].pic[14] = 'mc15';
portfolio[3].pic[15] = 'mc16';
portfolio[3].pic[16] = 'mc17';
portfolio[3].pic[17] = 'mc18';


portfolio[4] = new Object();
portfolio[4].loc = "Heather House";
portfolio[4].pic = new Array();
portfolio[4].pic[0] = '054';
portfolio[4].pic[1] = '030174';
portfolio[4].pic[2] = '013';
portfolio[4].pic[3] = '030192';
portfolio[4].pic[4] = '030092';
portfolio[4].pic[5] = '030229';
portfolio[4].pic[6] = '030113';
portfolio[4].pic[7] = '030262';
portfolio[4].pic[8] = '033';
portfolio[4].pic[9] = '030153';
portfolio[4].pic[10] = '030219';
portfolio[4].pic[11] = '030160';
portfolio[4].pic[12] = '030213';
portfolio[4].pic[13] = '030204';

portfolio[5] = new Object();
portfolio[5].loc = "New York Apartment";
portfolio[5].pic = new Array();
portfolio[5].pic[0] = 'ny1';
portfolio[5].pic[1] = 'ny2';
portfolio[5].pic[2] = 'ny3';
portfolio[5].pic[3] = 'ny4';
portfolio[5].pic[4] = 'ny5';
portfolio[5].pic[5] = 'ny6';

portfolio[6] = new Object();
portfolio[6].loc = "Beverly Hills Summer House";
portfolio[6].pic = new Array();
portfolio[6].pic[0] = 'DSC_5918_11x14';
portfolio[6].pic[1] = 'DSC_5930_8x10';
portfolio[6].pic[2] = 'DSC_5904_8x10';
portfolio[6].pic[3] = 'DSC_5913_8x10';
portfolio[6].pic[4] = 'DSC_5910_8x10';
portfolio[6].pic[5] = 'DSC_5906_11x14';
portfolio[6].pic[6] = 'DSC_5915_11x14';
portfolio[6].pic[7] = '17-5m';
portfolio[6].pic[8] = 'DSC_5896_8x10';
portfolio[6].pic[9] = 'DSC_5899_8x10';
portfolio[6].pic[10] = '17-4m';
portfolio[6].pic[11] = '1stpatio';
portfolio[6].pic[12] = '20thliv';
portfolio[6].pic[13] = 'bhills1';

portfolio[7] = new Object();
portfolio[7].loc = "Contemporary";
portfolio[7].pic = new Array();
portfolio[7].pic[0] = 'dining';
portfolio[7].pic[1] = 'living2';
portfolio[7].pic[2] = 'bath';
portfolio[7].pic[3] = 'bedrm2';
portfolio[7].pic[4] = 'bedrm';
portfolio[7].pic[5] = 'c1';
portfolio[7].pic[6] = 'c2';
portfolio[7].pic[7] = 'c3';
portfolio[7].pic[8] = 'c4';
portfolio[7].pic[9] = 'c5';
portfolio[7].pic[10] = 'c6';
portfolio[7].pic[11] = 'c7';
portfolio[7].pic[12] = 'c8';

portfolio[8] = new Object();
portfolio[8].loc = "NYC Classic";
portfolio[8].pic = new Array();
portfolio[8].pic[0] = 'Mel_Ritz_006_800w';
portfolio[8].pic[1] = 'Melinda-Ritz5';
portfolio[8].pic[2] = 'Mel_Ritz_005_800w';
portfolio[8].pic[3] = 'Mel_Ritz_004_800w';
portfolio[8].pic[4] = 'Melinda-Ritz1';
portfolio[8].pic[5] = 'Melinda-Ritz6';
portfolio[8].pic[6] = 'Melinda-Ritz2';
portfolio[8].pic[7] = 'Mel_Ritz_007_800w';
portfolio[8].pic[8] = 'Mel_Ritz_003_800w';
portfolio[8].pic[9] = 'Mel_Ritz_001_800w';

portfolio[9] = new Object();
portfolio[9].loc = "LA Penthouse";
portfolio[9].pic = new Array();
portfolio[9].pic[0] = 'la-pent2';
portfolio[9].pic[1] = 'la-pent3';
portfolio[9].pic[2] = 'la-pent5';
portfolio[9].pic[3] = 'la-pent7';
portfolio[9].pic[4] = 'la-pent9';
portfolio[9].pic[5] = 'la-pent10';

portfolio[10] = new Object();
portfolio[10].loc = "Hollywood Cottage";
portfolio[10].pic = new Array();
portfolio[10].pic[0] = 'colorfilm';
portfolio[10].pic[1] = 'horse';
portfolio[10].pic[2] = 'hearth';
portfolio[10].pic[3] = 'hlywdctg1';
portfolio[10].pic[4] = 'hlywdctg2';

function thumbsElem() {
	this.portfolio = 0;
	this.pic = 0;
}

thumbsElem.prototype.fill = function() {
	
	var usePortfolio = this.portfolio;
	var iterateTo = this.pic+6;
	var navHTML = "<div style=\"text-align:right;padding-right:26px;\"><a href=\"javascript:nav.goBack();\" style=\"color:#000000;\">&lt;&lt;</a> " + portfolio[usePortfolio].loc + " <a href=\"javascript:nav.goForward();\" style=\"color:#000000;\">&gt;&gt;</a></div>";
	var filledMain = false;
	var imgA = new Array();
	for (var i = this.pic; i < iterateTo; i++) {
		if (portfolio[usePortfolio].pic[i]) {
			var imgName = portfolio[usePortfolio].pic[i];
			var ln = (!imgA.length)?0:imgA.length;
			imgA[ln] = new Object();
			imgA[ln].main = new Image();
			imgA[ln].tn = new Image();
			imgA[ln].main.src = "images/portfolio/" + imgName + ".jpg";
			imgA[ln].tn.src = 'images/portfolio/th_c/' + imgName + '_th_c.jpg';
			if (!filledMain) {
				document.images['mainimage'].src = "images/portfolio/" + imgName + ".jpg";
				document.images['mainimage'].height = 351;
				filledMain = true;
			}
			navHTML += '<img name=" '+ imgName +' " src="images/portfolio/th_bw/' + imgName + '_th_bw.jpg" width="100" height="79" border="1" hspace="1" vspace="1" onmouseover="this.src=\'images/portfolio/th_c/' + imgName + '_th_c.jpg\';document.images[\'mainimage\'].src=\'images/portfolio/' + imgName + '.jpg\';" onmouseout="this.src=\'images/portfolio/th_bw/' + imgName + '_th_bw.jpg\';">';
		}
	}
	//alert(navHTML);
	return navHTML;
}

thumbsElem.prototype.goForward = function() {
	
	var at = portfolio[this.portfolio].pic[this.pic];
	if (portfolio[this.portfolio].pic[this.pic+6]) {
		this.pic = this.pic + 6;
	}
	else {
		if (this.portfolio == portfolio.length-1)
			this.portfolio = 0;
		else
			this.portfolio = this.portfolio + 1;
		this.pic = 0;
	}
	//if (this.portfolio == 2)
		//this.portfolio += 1;
	document.getElementById('thumbnails').innerHTML = this.fill();
}

thumbsElem.prototype.goBack = function() {
	var at = portfolio[this.portfolio].pic[this.pic];
	if (portfolio[this.portfolio].pic[this.pic-1]) {
		this.pic = this.pic - 6;
	}
	else {
		if (this.portfolio == 0)
			this.portfolio = portfolio.length-1;
		else
			this.portfolio = this.portfolio - 1;
		this.pic = portfolio[this.portfolio].pic.length-6;
	}
	if (this.portfolio == 2)
		this.portfolio -= 1;
	document.getElementById('thumbnails').innerHTML = this.fill();
}

function buildThumbs() {
	
	document.getElementById('thumbnails').innerHTML = nav.fill();
	//alert(document.getElementById('thumbnails').innerHTML);
	
}

var nav = new thumbsElem();