// JavaScript Document - Used for a gallery widget in blogs and articles

var currGalPhoto = 0;
var galPhotos;

function initInsetGal() {
	var gal = document.getElementById("insetGal");
	if (gal) {
		galPhotos = gal.getElementsByTagName("li");
		for (var i=0; i < galPhotos.length; i++) {
			galPhotos[i].style.display = (i==currGalPhoto?"block":"none");
		}
		writePagi();
	}	
}

function writePagi() {
	var galPagi = document.getElementById("galPagi");
	if (galPagi) {
		var html = '<table cellspacing="0"><tr>';
		for (var i=0; i < galPhotos.length; i++) {
			html += '<td class="' + (i==0 ? "num first" : "num") + '"><a title="view picture #' + (i+1) + ' in gallery" onclick="changeGal(' + i + ');"';
			if (i == currGalPhoto) {
				html += ' class="selected"';
			}
			html += '>' + (i+1) + '</a></td>';
		}
		html += '<td class="prev"><a title="view previous picture in gallery" onclick="changeGal((currGalPhoto-1+galPhotos.length)%galPhotos.length);"><img src="http://img2.timeinc.net/health/static/i/blank.gif" alt="Previous" /></a></td>';
		html += '<td class="next"><a title="view next picture in gallery" onclick="changeGal((currGalPhoto+1)%galPhotos.length);"><img src="http://img2.timeinc.net/health/static/i/blank.gif" alt="Next" /></a></td>';
		html += '</tr></table>';
		galPagi.innerHTML = html;
	}
}

function changeGal(which) {
	galPhotos[currGalPhoto].style.display = "none";
	currGalPhoto = which;
	galPhotos[currGalPhoto].style.display = "block";
	writePagi();
}

tii_callFunctionOnWindowLoad(function(event) {
	initInsetGal();
});