function swapImg(src, caption, link, large_photo){
	pausecomp(50);
	//set some variables
	
	//get appropriate image
	var parentId = large_photo.parent().attr('id');
	//var curr = document.getElementById('current');	//name of a div to put image into
	//var next = document.getElementById('next');	//name of a div to use as a temp
	var curr = large_photo.children('.current');
	var next = large_photo.children('.next');

	//hide next & set image
	//changeOpac(0,'next');
	changeOpacObj(0,'#' + parentId + ' .large_photo .next');
	var tmp = "setImageObj('#" + parentId + " .large_photo .next','"+src+"','"+caption+"','"+link+"')";
	setTimeout(tmp, 5);

	//setTimeout("opacity('#" + parentId + " .large_photo .next',0,99,500)",10);
	$('#' + parentId + ' .large_photo .next').fadeIn(500);
	$('#' + parentId + ' .large_photo .next').fadeOut(500);

	tmp = "setImageObj('#" + parentId + " .large_photo .current','"+src+"','"+caption+"','"+link+"')";
	setTimeout(tmp, 510);
	setTimeout("changeOpacObj(99,'#" + parentId + " .large_photo .current')",550);
	setTimeout("changeOpacObj(0,'#" + parentId + " .large_photo .next')",555);

}

function pausecomp(millis) {
	var date = new Date();
	var curDate = null;

	do { curDate = new Date(); }
	while(curDate-date < millis);
} 

function setImage(div, img, caption, link){
	var target = document.getElementById(div);
	if (caption != "") {
		var captionHTML = "<p>"+caption+"</p>";
	} else {
		var captionHTML = "";
	}
	target.innerHTML = "<a href=\""+link+"\"><img src=\""+img+"\" width='156' />"+captionHTML+"</a>";
	init_image=1;
	return true;
}

function setImageObj(div, img, caption, link){
	//var target = document.getElementById(div);
	
	var target = $(div);
	if (caption != "") {
		var captionHTML = "<p>"+caption+"</p>";
	} else {
		var captionHTML = "";
	}
	target.html("<a href=\""+link+"\"><img src=\""+img+"\" width='156' />"+captionHTML+"</a>");
	init_image=1;
	return true;
}

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpacObj(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpacObj(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function changeOpacObj(opacity, objStr) {
    //var object = document.getElementById(id).style;
    
    var object = $(objStr);
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 
function swapPhoto (image) {
	largeURL = image.getAttribute("longdesc");
	caption = image.getAttribute("alt");
	link = image.parentNode.getAttribute("href");
	
	jImage = $(image);
	largePhoto = jImage.parents('.thumbnails').parent().children('.large_photo');
	swapImg(largeURL, caption, link, largePhoto);
}
function syncGalleryImage (src, caption, link) {
	swapImg(src, caption, link);
}
function initGallery () {
	var galleries = $('#gallery, #gallery2');
	galleries.each(function() {
		//var thumbnails = galleries.getElementById("thumbnails").getElementsByTagName("li");
		var thumbnails = $('#' + $(this).attr('id') + ' .thumbnails li');
		//for(i=0;i<galleries.length;i++) {
		thumbnails.each(function() {
			//image = galleries[i].getElementsByTagName("img")[0];
			image = this.getElementsByTagName("img")[0];
			
			image.onmouseover = function() { swapPhoto(this); };
		});
		swapPhoto(galleries[0].getElementsByTagName("img")[0]);
		swapPhoto(galleries[1].getElementsByTagName("img")[0]);
	});
}
//window.onload = initGallery();
$(initGallery);