var sPrefix= '<strong>&ldquo;';
var sPostfix= '&rdquo;</strong>';
var errBrowser= 'Better javascript support is needed to browse through the portfolio.'

function addItem (arrayIndex, portfolioTxt, portfolioImg, portfolioLnk) {
  arrayPortfolio[arrayIndex]= new Array(3);
  arrayPortfolio[arrayIndex][0]= portfolioTxt;
  arrayPortfolio[arrayIndex][1]= portfolioImg;
  arrayPortfolio[arrayIndex][2]= portfolioLnk;
  return 1;
}

var maxImages= 0;
var arrayPortfolio= new Array();
maxImages+= addItem (maxImages, 'Mary Ann', 'img/MaryAnn.jpg', 'eDetails_MaryAnn.htm');
maxImages+= addItem (maxImages, 'Innocent IV', 'img/Innocent_IV.jpg', 'eDetails_Innocent_IV.htm');
maxImages+= addItem (maxImages, 'Innocent III', 'img/Innocent_III.jpg', 'eDetails_Innocent_III.htm');
maxImages+= addItem (maxImages, 'Wisdom and...', 'img/WisdomKnowledge.jpg', 'eDetails_WisdomKnowledge.htm');
maxImages+= addItem (maxImages, 'Tibetan Monk', 'img/TibetanMonk.jpg', 'eDetails_TibetanMonk.htm');
maxImages+= addItem (maxImages, 'Innocent II', 'img/Innocent_II.jpg', 'eDetails_Innocent_II.htm');
maxImages+= addItem (maxImages, 'Innocent I', 'img/Innocent_I.jpg', 'eDetails_Innocent_I.htm');
maxImages+= addItem (maxImages, 'MeditativeMonk', 'img/MeditativeMonk.jpg', 'eDetails_MeditativeMonk.htm');
maxImages+= addItem (maxImages, 'Now We Know', 'img/NowWeKnow.jpg', 'eDetails_NowWeKnow.htm');
maxImages+= addItem (maxImages, 'Conductor', 'img/Conductor.jpg', 'eDetails_Conductor.htm');
maxImages+= addItem (maxImages, 'Semi Conductor', 'img/Semi-Conductor.jpg', 'eDetails_Semi-Conductor.htm');

maxImages+= addItem (maxImages, 'Clay Process', 'img/ClayDetails.jpg', 'mHistory.htm');

maxImages+= addItem (maxImages, 'Metanoia II', 'img/Metanoia_II.jpg', 'eDetails_Metanoia_II.htm');
maxImages+= addItem (maxImages, 'Soliloquy', 'img/Soliloquy.jpg', 'eDetails_Soliloquy.htm');
maxImages+= addItem (maxImages, 'Piscean V', 'img/PisceanDance_V.jpg', 'eDetails_PisceanDance_V.htm');
maxImages+= addItem (maxImages, 'Piscean IV', 'img/PisceanDance_IV.jpg', 'eDetails_PisceanDance_IV.htm');
maxImages+= addItem (maxImages, 'Metanoia', 'img/Metanoia.jpg', 'eDetails_Metanoia.htm');
maxImages+= addItem (maxImages, 'Hope', 'img/Hope.jpg', 'eDetails_Hope.htm');
maxImages+= addItem (maxImages, 'Milestone', 'img/Milestone.jpg', 'eDetails_MileStone.htm');
maxImages+= addItem (maxImages, 'Oracle', 'img/Oracle.jpg', 'eDetails_Oracle.htm');

var iGlobalIndex= 0;

function changeImages (i) {
	document.getElementById('p1_txt').innerHTML= sPrefix + arrayPortfolio[i][0] + sPostfix;
	document.getElementById('p1_img').src= arrayPortfolio[i][1];
	document.getElementById('p1_img').alt= arrayPortfolio[i][0];
	document.getElementById('p1_link').href= arrayPortfolio[i][2];
	document.getElementById('p2_txt').innerHTML= sPrefix + arrayPortfolio[i+1][0] + sPostfix;
	document.getElementById('p2_img').src= arrayPortfolio[i+1][1];
	document.getElementById('p2_img').alt= arrayPortfolio[i+1][0];
	document.getElementById('p2_link').href= arrayPortfolio[i+1][2];
	document.getElementById('p3_txt').innerHTML= sPrefix + arrayPortfolio[i+2][0] + sPostfix;
	document.getElementById('p3_img').src= arrayPortfolio[i+2][1];
	document.getElementById('p3_img').alt= arrayPortfolio[i+2][0];
	document.getElementById('p3_link').href= arrayPortfolio[i+2][2];
}

function gotoMain() {
if (document.images) {
	iGlobalIndex= 0;
	document.getElementById('back_img').src= 'images/start.jpg';
	document.getElementById('next_img').src= 'images/next.jpg';
	changeImages(iGlobalIndex);
} else alert(errBrowser);
}

function gotoBack() {
if (document.images) {
	if ((iGlobalIndex - 1) >= 0) {
		changeImages(--iGlobalIndex);
		document.getElementById('next_img').src= 'images/next.jpg';
	}
	if (iGlobalIndex == 0) document.getElementById('back_img').src= 'images/start.jpg';
} else alert(errBrowser);
}

function gotoNext() {
if (document.images) {
	if ((iGlobalIndex + 1) <= (maxImages - 3)) {
		changeImages(++iGlobalIndex);
		document.getElementById('back_img').src= 'images/back.jpg';
	}
	if (iGlobalIndex == (maxImages - 3)) document.getElementById('next_img').src= 'images/end.jpg';
} else alert(errBrowser);
}