var previewPane;
var previewImage;
var origPreview = "";
var previewFixed = false;
var newPreview = false;

function showPreview(pieceName) {
	var replaceName = "images/design/" + pieceName + ".jpg";
	origPreview = previewImage.src;
	previewImage.src = replaceName;
	previewPane.style.visibility = "visible";
	$('#previewPane').css('background-color', '#000');
	newPreview = true;
}
	
function hidePreview(reset) {
	newPreview = false;
	if(reset) {
		previewFixed = false;
		hidePreviewPart2();
	} else {
		setTimeout('hidePreviewPart2()',250);
	}
}

function hidePreviewPart2() {
	if(!previewFixed && !newPreview) {
		previewPane.style.visibility = "hidden";
		$('#previewPane').css('background-color','#fff');
		}
	newPreview = false;
}
	
function keepPreview(piecename) {
		previewFixed = true;
		showPreview(piecename);
		var linkname = piecename + '.pdf';
		var previewLink = $('#previewLink')[0];
		previewLink.removeAttribute('href');
		previewLink.setAttribute('href','PDFs/' + piecename + '.pdf');
}

$(document).ready(function() {
		previewPane = $('#pdfPreview')[0];
		previewImage = $('#previewImage')[0];

		preload(['images/design/GotJazz.jpg','images/design/Juicy.jpg','images/design/Meacham.jpg','images/design/Mosaic.jpg']);

// Set up design thumbs behaviors
		$('.thumb img').hover(
			function() {
				showPreview($(this).attr('title'));
			},
			function() {
				hidePreview();	
			}
		)
		.click(function() {
			keepPreview($(this).attr('title'));				
		});
		$('#resetThumbs').click(function() {
			hidePreview(true);						
		});
});