function getImageNav(){
	imManger = $('#imageNav');
	imTags = $('#imageManager div.imagePane');
	if((imManger.length)&&(imTags.length)){
		navPanel = '';
		navPanel += '<a href="javascript:;" onclick="previousPic()">&lt;</a>\n';
		for(i=0;i<imTags.length;i++){
			if(i==0){
				imTags[i].style.display = 'block';
			}
			img = imTags[i].getElementsByTagName('img');
			navPanel += '<a href="javascript:;" class="selected" onclick="getPic('+i+')">'+(i+1)+'</a>\n';
		}
		navPanel += '<a href="javascript:;" onclick="nextPic()">&gt;</a>\n';
		imManger[0].innerHTML = navPanel;
	}
}

function getPic(pidId){
	imgNav = $('div#imageNav a');
	imTags = $('#imageManager div.imagePane');
	if((imManger.length)&&(imTags.length)){
		for(i=0;i<imTags.length;i++){
			imTags[i].style.display = 'none';
			imgNav[i+1].className = '';
		}
		imTags[pidId].style.display = 'block';
		imgNav[pidId+1].className = 'selected';
		currentImg = pidId
	}
}

function previousPic(){
	limit = $('#imageManager div.imagePane').length
	pidId = currentImg==0?0:currentImg-1;
	getPic(pidId)
}

function nextPic(){
	limit = $('#imageManager div.imagePane').length
	pidId = currentImg+1<limit?currentImg+1:currentImg;
	getPic(pidId)
}

var currentImg = 0

function getSubnavSelection(){
	subNavs = $('div#sub-nav a');
	for(i=0;i<subNavs.length;i++){
		if(document.location.href.search(subNavs[i].href)>=0){
			subNavs[i].className = 'selected';
		}
	}
}


$(document).ready(function(){
	getImageNav();
	getPic(currentImg);
	getSubnavSelection();
});