gallery = function() {

/* show first image and information */
showTime=10000;
timer=0;
absLeft=0;
picCount=0;
total = $('.thumb img').length;

$totalImgs = $('.thumb img');
//$('#imageNumber').html('Image 1 of ' + total + ' images' );

//thumbWidth = 0;
//for (x=0; x<total; x++) {
//thumbWidth = thumbWidth + $($totalImgs[x]).outerWidth();
//}
//$('#innerContainer')	.css({ width: thumbWidth + 'px'});

$('#innerContainer')	.css({ width: '200px'});
$('#innerContainer img').css({ display: 'inline'});

firstStr = $('.thumb');
showStr = firstStr.html();
showDiv(showStr);

timer = setTimeout ("autoPlay()", showTime);

/*
$('#slideLeft')			.hover(function(e){
	$('#innerContainer')	.stop();
	$('#innerContainer')	.animate({"left": "0px"}, 5000 , "swing")
	},function(){
	$('#innerContainer')	.stop();
});

$('#slideRight')			.hover(function(e){
	posLeft = $('#thumbnails')	.offset().left;
	absLeft = e.pageX - posLeft;
	hiddenBit = thumbWidth - 500;
	$('#innerContainer')		.stop();
	$('#innerContainer')		.animate({"left": -hiddenBit + "px"}, 5000 , "swing")
	},function(){
	$('#innerContainer')		.stop();
});
*/


$('#clickRight').click(function(){
currentLarge = $('#fullSize img').attr('class');
if ("p"+(total-1) == currentLarge) {
$('#clickRight')	.css("backgroundImage", "url(images/blank.jpg)")
					.attr("alt", "")
					.attr("title", "");
}
if ("p" + total != currentLarge) {
$('#clickLeft')	.css("backgroundImage", "url(images/left.jpg)")
				.attr("alt", "Previous")
				.attr("title", "Previous");
htmlStr = $('#innerContainer li.'+currentLarge).next('li').html();
$('#fullSize')	.fadeOut(600, function(){showDiv(htmlStr)});
}
});

$('#clickLeft')	.click(function(){
currentLarge = $('#fullSize img').attr('class');
if ("p2" == currentLarge) {
$('#clickLeft')	.css("backgroundImage", "url(images/blank.jpg)")
				.attr("alt", "")
				.attr("title", "");
}
if ("p1" != currentLarge) {
$('#clickRight')	.css("backgroundImage", "url(images/right.jpg)")
					.attr("alt", "Next")
					.attr("title", "Next");
htmlStr = $('#innerContainer li.'+currentLarge).prev('li').html();
$('#fullSize')	.fadeOut(600, function(){showDiv(htmlStr)});
}
});
/* monitor mouse clicks */
$('.thumb').click(function(){
	htmlStr = $(this).html();
	currentLarge = $(this).attr('class').split(' ').slice(-1);
	if ("p"+(total) == currentLarge) {
		$('#clickRight').css("backgroundImage", "url(blank.gif)")
						.attr("alt", "")
						.attr("title", "");
	}
	else {
		$('#clickRight').css("backgroundImage", "url(next.gif)")
						.attr("alt", "Next")
						.attr("title", "Next");
	}
	if ("p1" == currentLarge) {
		$('#clickLeft')	.css("backgroundImage", "url(blank.gif)")
						.attr("alt", "")
						.attr("title", "");
	}
	else {
		$('#clickLeft').css("backgroundImage", "url(previous.gif)")
						.attr("alt", "Previous")
						.attr("title", "Prevous");
		}

/* swap images and information */
	$('#fullSize')	.fadeOut(600, function(){showDiv(htmlStr)});
});

/* show image and information */
function showDiv (htmlStr) {
	$('#fullSize')		.html(htmlStr)
						.fadeIn(600);
	
	//currentLarge = $('#fullSize img').attr('class');
	//currentLarge = currentLarge.substr(1,3);
	//$('#imageNumber').html('Image ' + currentLarge + ' of ' + total + ' images' );
}


/*
$('#autoPlay')	.toggle(function(){
		//$('#autoPlay')	.css("backgroundImage", "url(stop.gif)")
		//				.attr("alt", "Stop")
		//				.attr("title", "Stop");
		//autoPlay()
		},function(){
		//clearTimeout(timer);
		//$('#autoPlay')	.css("backgroundImage", "url(play.gif)")
		//				.attr("alt", "Play")
		//				.attr("title", "Play");
		 }
		 );*/
		 
		 
}

function autoPlay () {
	currentLarge = $('#fullSize img').attr('class');
	if ("p"+(total-1) == currentLarge) {
		$('#clickRight')	.css("backgroundImage", "url(images/blank.jpg)")
							.attr("alt", "")
							.attr("title", "");
	}
	if("p1" == currentLarge){
			htmlStr = $('#innerContainer li.p1').html();
			$('#fullSize')		.fadeOut(600, function(){playDiv(htmlStr)});
	}
	
	if ("p" + total != currentLarge) {
		$('#clickLeft')		.css("backgroundImage", "url(images/left.jpg)")
							.attr("alt", "Previous")
							.attr("title", "Previous");
		
		htmlStr = $('#innerContainer li.'+currentLarge).next('li').html();
		$('#fullSize')		.fadeOut(600, function(){playDiv(htmlStr)});
	}
	if ("p"+(total) == currentLarge) {
		$('#clickLeft')		.css("backgroundImage", "url(images/blank.jpg)")
							.attr("alt", "")
							.attr("title", "");
		$('#clickRight')	.css("backgroundImage", "url(images/right.jpg)")
							.attr("alt", "Next")
							.attr("title", "Next");
		htmlStr = $('#innerContainer li.p1').html();
		$('#fullSize')		.fadeOut(600, function(){playDiv(htmlStr)});
	}
	
	timer = setTimeout ("autoPlay()", showTime);
}


function playDiv (htmlStr) {
	$('#fullSize')		.html(htmlStr)
						.fadeIn(600);
	//currentLarge = $('#fullSize img').attr('class');
	//currentLarge = currentLarge.substr(1,3);
	//$('#imageNumber').html('Image ' + currentLarge + ' of ' + total + ' images' );
}