// JavaScript Document
detailpics = new Array();
detailcaptions = new Array();
detailpic = 0;
function changeDetailPic(src,count) {
	detailpic = count;
	//document.getElementById("detail-pic").src = detailpics[detailpic];
	document.getElementById("detail-image").innerHTML = detailpics[detailpic];
	if(detailcaptions[detailpic]!=null && detailcaptions[detailpic].length>0) {
		document.getElementById("detail-caption").innerHTML = detailcaptions[detailpic];
	} else {
		document.getElementById("detail-caption").innerHTML = "";
	}
	var c = detailpic+1;
	c = c<10 ? "0"+c : c;
	document.getElementById("detail-pic-count").innerHTML = c;
	
	for(i=0;i<Math.min(4,detailpics.length);i++) {
		if(detailpic==i) {
			document.getElementById("detail-pic-"+i).style.border = "2px solid #3399cc";
			document.getElementById("detail-pic-"+i).style.margin = "0px";
		} else {
			document.getElementById("detail-pic-"+i).style.border = "none";
			document.getElementById("detail-pic-"+i).style.margin = "2px";
		}
	}
	
	return false;
}
function changeDetailPicMinus() {
	detailpic = detailpic-1;
	if(detailpic<0) {
		detailpic = detailpics.length - 1;
	}
	//document.getElementById("detail-pic").src = detailpics[detailpic];
	document.getElementById("detail-image").innerHTML = detailpics[detailpic];
	if(detailcaptions[detailpic]!=null && detailcaptions[detailpic].length>0) {
		document.getElementById("detail-caption").innerHTML = detailcaptions[detailpic];
	} else {
		document.getElementById("detail-caption").innerHTML = "";
	}
	var c = detailpic+1;
	c = c<10 ? "0"+c : c;
	document.getElementById("detail-pic-count").innerHTML = c;
	
	for(i=0;i<Math.min(4,detailpics.length);i++) {
		if(detailpic==i) {
			document.getElementById("detail-pic-"+i).style.border = "2px solid #3399cc";
			document.getElementById("detail-pic-"+i).style.margin = "0px";
		} else {
			document.getElementById("detail-pic-"+i).style.border = "none";
			document.getElementById("detail-pic-"+i).style.margin = "2px";
		}
	}
	return false;
}
function changeDetailPicPlus() {
	detailpic = detailpic+1;
	if(detailpic>=detailpics.length) {
		detailpic = 0;
	}
	//document.getElementById("detail-pic").src = detailpics[detailpic];
	document.getElementById("detail-image").innerHTML = detailpics[detailpic];
	if(detailcaptions[detailpic]!=null && detailcaptions[detailpic].length>0) {
		document.getElementById("detail-caption").innerHTML = detailcaptions[detailpic];
	} else {
		document.getElementById("detail-caption").innerHTML = "";
	}
	var c = detailpic+1;
	c = c<10 ? "0"+c : c;
	document.getElementById("detail-pic-count").innerHTML = c;
	
	for(i=0;i<Math.min(4,detailpics.length);i++) {
		if(detailpic==i) {
			document.getElementById("detail-pic-"+i).style.border = "2px solid #3399cc";
			document.getElementById("detail-pic-"+i).style.margin = "0px";
		} else {
			document.getElementById("detail-pic-"+i).style.border = "none";
			document.getElementById("detail-pic-"+i).style.margin = "2px";
		}
	}
	return false;
}
function addDetailPic(pic) {
	detailpics.push(pic);
	return false;
}
function addDetailCaption(caption) {
	detailcaptions.push(caption);
	return false;
}
