$(document).ready(function() {
	var myFile = document.location.toString();
	if (myFile.match('#')) { // the URL contains an anchor
		// click the navigation item corresponding to the anchor
		var anchorColor = myFile.split('#')[1];
	} else {
		anchorColor = 1;
	}
	
	$('.header-close').hide();
	$('#header-content ol li').hide();
	
	$('.header-close').click(function() {
		$('#header').animate({'height': '22px'}, 'fast');
		$('#header-content ol li').fadeOut('fast');
		$('.header-close').hide();
		$('.header-open').show();
	});
	$('.header-open').click(function() {
		$('#header').animate({'height': '80px'}, 'fast');
		$('#header-content ol li').fadeIn('fast');
		$('.header-close').show();
		$('.header-open').hide();
	});
	
	$('.item-image').click(function() {
		var clickedImage = $(this).attr('rel');
		var movedPixels = (clickedImage - 1) * -239;
		$('#item-image').animate({
			marginTop: movedPixels
		}, 0 );
	});
	
	$('.item-image-color').hide();
	$('.item-image-color.' + anchorColor).show();
	$('.item-title-color').hide();
	$('.item-title-color.' + anchorColor).show();
	$('.item-title-id').hide();
	$('.item-title-id.' + anchorColor).show();
	$(".thickbox").attr("href", $('.largeImage.' + anchorColor).attr('value'));
	if (anchorColor !== 1) {
		var movedPixels = (anchorColor - 1) * -53;
		$('#item-views-thumbnails').animate({ 
			marginTop: movedPixels
		}, 0 );
	}
	
	$('.item-color').click(function() {
		var clickedImage = $(this).attr('rel');
		var movedPixels = (clickedImage - 1) * -53;
		$('.item-image-color').hide();
		$('.item-image-color.' + clickedImage).show();
		$('#item-views-thumbnails').animate({ 
			marginTop: movedPixels
		}, 0 );
		$('.item-title-color').hide();
		$('.item-title-color.' + clickedImage).show();
		$('.item-title-id').hide();
		$('.item-title-id.' + clickedImage).show();
		$(".thickbox").attr("href", $('.largeImage.' + clickedImage).attr('value'));
	});
});