var isIE6 = (navigator.appVersion.indexOf('MSIE 6') > -1 ? true : false );
var isIE7 = (navigator.appVersion.indexOf('MSIE 7') > -1 ? true : false );

$(document).ready(function() {
	// thumbnail click
	$('.thumbnails > .thumbnail:first img').addClass('selected');				
	$('.thumbnail').click(function() {
		$('.thumbnail img').removeClass('selected');
		$('img', this).addClass('selected');
		var thisThumbnail = $(this).attr('id');
		var displayImage = thisThumbnail.replace('thumbnail', 'viewingContent');
		$('.imageGallery .viewingContent').hide();
		if ( !isIE6 && !isIE7 ) {
			$('.imageGallery .zoomedIn').hide();
		}
		$('.imageGallery div#' + displayImage).show();
	});

	// zoom in button
	//$('.imageGallery > .viewingPane > .viewingContent > .zoomedOut > img').hover(
//		function() {
//			$(this).siblings('.btnZoom').show();
//		},
//		function() {
//			$(this).siblings('.btnZoom').hide();
//		}
//	);
//	$('.imageGallery > .viewingPane > .viewingContent > .zoomedOut > .btnZoom').hover(
//		function() {
//			$(this).show();
//		},
//		function() {
//			$(this).hide();
//		}
//	);
	$('.imageGallery > .viewingPane > .viewingContent > .zoomedOut > .btnZoom').click(function() {
		var thisDiv = $(this).parents('.viewingContent');
		if (isIE6) {
			$('.zoomedIn', thisDiv).show();
		} else {
			$('.zoomedIn .text').hide();
			$('.zoomedIn', thisDiv).fadeIn(500, function() {
				$('.zoomedIn .text').show();
			});
		}
	});
	
	$('.imageGallery .zoomedIn .btnClose').click(function() {
		var thisDiv = $(this).parent().parent();
		if (isIE6) {
			$('.zoomedIn', thisDiv).hide();
		} else {
			$('.zoomedIn .text').hide();
			$('.zoomedIn', thisDiv).fadeOut(500);
		}
	});

});