function populate(){	
 //Edit the Gallery
 var node = document.getElementById('gallery');
 var htmlString = '<table width="100%" border="0" cellspacing="5" cellpadding="0"><tr valign="top"><tr valign="top">';
 var cnt = 0;
 for (i=0; i<imgArr.length; i++){
  pic = imgArr[i];
  newString = '<td><div align="center"><a href=javascript:showImg(\'' + pic + '\',\'' + i + '\');><img src=' + pic + ' width=146 height=115 border=1 /></a></div></td>';
  htmlString += newString;
  cnt++; if(cnt > 3){ htmlString += '</tr><tr valign="top">'; cnt=0; }
 }
 htmlString += '</tr></table>';
 node.innerHTML = htmlString;
}

function showProj(num){
 //Get the element Objects
 var elemDesc = document.getElementById('description');
 var elemPict = document.getElementById('picture');
 var elemNext = document.getElementById('next');
 var elemLast = document.getElementById('last');
 
 var pic = parseInt(num); var nPic = pic + 1; var pPic = pic - 1;

 elemDesc.innerHTML = htmlArr[pic];
 elemPict.innerHTML = '<img src="'+imgArr[pic]+'">';
 elemNext.innerHTML = (nPic<imgArr.length) ? '<a href="javascript: showProj(\''+nPic+'\');"><img src="../../images/portfolio_images/next_button.gif" border="0" onmouseover="swapImg(this,\'../../images/portfolio_images/next_button_over.gif\');" onmouseout="swapImg(this,\'../../images/portfolio_images/next_button.gif\');"></a>' : '&nbsp;';
 elemLast.innerHTML = (pPic>-1) ? '<a href="javascript: showProj(\''+pPic+'\');"><img src="../../images/portfolio_images/previous_button.gif" border="0" onmouseover="swapImg(this,\'../../images/portfolio_images/previous_button_over.gif\');" onmouseout="swapImg(this,\'../../images/portfolio_images/previous_button.gif\');"></a>' : '&nbsp;';
}
