var currThumb;

function showItem (id,html) {
	$("#pic object").remove();
	$("#pic img, #pic #theTranscript").addClass("hidden");
	if ($("#pic "+id).length > 0)
		$("#pic "+id).removeClass("hidden");
	else
		$("#pic").html(html + $("#pic").html());
}

function toggleTranscript (transcript) {
	if (!$("#pic").hasClass("transcript")) {
		showItem("theTranscript",'<div id="theTranscript"><div id="transcriptHead"><a href="#">Return to image <span>X</span></a></div><div id="transcriptText">'+transcript+'</div></div>');
		$("#transcript a, a#transcript").text("Hide Transcript");
		$("#transcriptHead a").click(toggleTranscript);
		$("#pic").addClass("transcript");
		$('html, body').animate({scrollTop:0}, 'slow');
	} else {
		$("#pic").removeClass("transcript");
		chooseImage(currThumb);
	}
	return false;
}

function chooseImage (thumb) {
	var id = thumb.attr('id').substr(6);
	var item_id = thumb.parent().attr('id').substr(6);

	var item = items[item_id];
	var ichi = item['files'][id]['ichi'];

	$(".files a").removeClass("shown");
	thumb.addClass("shown");
	
	showItem("#file-"+id,item['files'][id]['img']);

	$("#caption p").html(item['tcd']);
	$("#collection").html(item['collection'] + (ichi ? ", " + ichi : ""));
	$("#tags").html("Tags: "+item['tags']);
	$("#viewinarchive a").attr("href",item['archive']);

	// FOR ARCHIVE PAGES
	if (ichi)	$("#ichi").html("<b>Image ID:</b> "+ichi);

	$("#transcript a, a#transcript").text("Show Transcript");
	if (item['transcript']) {
		$("#transcript").addClass("show");
		$("#transcript a, a#transcript").click(function(){toggleTranscript(item['transcript']);});
	} else {
		$("#transcript").removeClass("show");
	}
	
	if (item['fulltext']) {
		$("#readfulltext a").attr("href",item['fulltext']);
		$("#tab").addClass("multi");
	} else {
		$("#readfulltext a").attr("href","#");
		$("#tab").removeClass("multi");
	}
}

$(function () {
	if ($(".files a:first").length > 0) {
		currThumb = $(".files a:first");
		chooseImage(currThumb);
	}

	$(".files a").click(function() {
		currThumb = $(this);
		chooseImage(currThumb);
		return false;
	});

	if ($.browser.mozilla) {
		$("#sidenav a").hover(function () {
			if(!$(this).parent().hasClass('at')) {
				var pos = $(this).css("background-position").split(" ");
				$(this).css("background-position","-160px "+pos[1]);
			}
		},function () {
			if(!$(this).parent().hasClass('at')) {
				var pos = $(this).css("background-position").split(" ");
				$(this).css("background-position","0 "+pos[1]);
			}
		});
		if ($("#sidenav .at a").length>0) {
			var pos = $("#sidenav .at a").css("background-position").split(" ");
			$("#sidenav .at a").css("background-position","-160px "+pos[1]);
		}
	}
	
	$(".home .west").hover(function () {
		$(".fiery").addClass('sheer');
//		$(".west").addClass('hover');
	},function () {
		$(".fiery").removeClass('sheer');
//		$(".west").removeClass('hover');
	});
	
	$(".home .fiery").hover(function () {
		$(".west").addClass('sheer');
//		$(".fiery").addClass('hover');
	},function () {
		$(".west").removeClass('sheer');
//		$(".fiery").removeClass('hover');
	});
});