var NUM_PHOTOS = 5;
var curImg = 0;

$(document).ready(function() {
	var i,imgPath,preloadImg,tmbPath,tmbLink,tmbImg;
	var defaultDescrp = 'Displaying 1 of '+NUM_PHOTOS+' Images';
	var galleryCurrent = document.getElementById('galleryCurrent');
	var galleryTmbs = document.getElementById('galleryTmbs');
	
	$('#galleryNav .currDescrp').text(defaultDescrp);
	
	for(i=0;i<NUM_PHOTOS;i++) {
      imgPath = (i<10) ? 'img/photo/00'+i+'.jpg' : 'img/photo/0'+i+'.jpg';
      
		preloadImg = document.createElement('img');
		preloadImg.setAttribute('src',imgPath);
		preloadImg.className = 'preload';
		
		galleryCurrent.appendChild(preloadImg);
      
		tmbPath = (i<10) ? 'img/photo/tmb/00'+i+'.jpg' : 'img/photo/tmb/0'+i+'.jpg';
		
		tmbLink = document.createElement('a');
		tmbLink.setAttribute('href','#galleryCurrent');
		
		tmbImg = document.createElement('img');
		tmbImg.setAttribute('src',tmbPath);
		
		tmbLink.appendChild(tmbImg);
		
		$(tmbLink).data('pos',i);
		$(tmbLink).click(function(){ navShow(0,this); });
		
		galleryTmbs.appendChild(tmbLink);
	}
	
	$('#galleryNav .navPrev').click(function(){ navShow(-1); });
	$('#galleryNav .navNext').click(function(){ navShow(1); });
});

function navShow (dir,target) {
	var fName,newDescrp,newImg;
	var transDur = 800;
	
	if(target)
	   newImg = $(target).data('pos');
	else
	   newImg = curImg + dir;
	
	if((newImg >= 0) && (newImg < NUM_PHOTOS)) {
		fName = (newImg<10) ? ('00'+newImg+'.jpg') : ('0'+newImg+'.jpg');
		fPath = 'img/photo/';
		
		$('#galleryCurrent img').fadeTo(transDur/2,0.2,function(){
         $('#galleryCurrent img').attr('src',fPath+fName);
         $('#galleryCurrent img').fadeTo(transDur/2,1.0);
		});
		
		curImg = newImg;
		
		newDescrp = 'Displaying '+(curImg+1)+' of '+NUM_PHOTOS+' Images';

		$('#galleryNav .currDescrp').text(newDescrp);
	}
}