function preloadImages() { for(var i = 0; i<arguments.length; i++) { $("<img>").attr("src", arguments[i]); } }
preloadImages(
	"/iod/global/img/project_<?php echo $projectID."/".$projectID; ?>_large_01.jpg",
	"/iod/global/img/project_<?php echo $projectID."/".$projectID; ?>_large_02.jpg",
	"/iod/global/img/project_<?php echo $projectID."/".$projectID; ?>_large_03.jpg",
	"/iod/global/img/project_<?php echo $projectID."/".$projectID; ?>_large_04.jpg",
	"/iod/global/img/project_<?php echo $projectID."/".$projectID; ?>_large_05.jpg",
	"/iod/global/img/project_<?php echo $projectID."/".$projectID; ?>_large_06.jpg"
);
$(document).ready(function() {
	$('div.thumb').click(function() {
	//change large image
		var id = $(this).attr('id'); // retrieve the id='id1'
		$('div.thumb').css('background-position', "0 -90px");
		$(this).css('background-position', "0 0");
		id = id.substr(2); // remove the letters 'id'
		var project = id.substr(0,3); 
		$("div.projectLarge").css('background-image', "url(/iod/global/img/project_" + project + "/" + id + ".jpg)");
	//change pdf link
		var mySplit = id.split("_");
		var myProject = mySplit[0];
		var myId = mySplit[2];

		$.get('/iod/global/lib/isFile.php', {project: myProject, id:myId}, function(data) { 
			switch(data){
				case "pdf":
					var myPdfLink = "../../../../iod/global/media/" + myProject + "_" + myId + ".pdf";
					$("div.pdfLink a").removeClass('hidden');
					$("div.pdfLink a").attr('href', myPdfLink);
					$("div.pdfLink a").html('Download PDF');
				break;
				case "false":
					$("div.pdfLink a").attr('href', "#");
					$("div.pdfLink a").html('');
					$("div.pdfLink a").addClass('hidden');
				break;
				default:
					$("div.pdfLink a").removeClass('hidden');
					$("div.pdfLink a").attr('href', data);
					$("div.pdfLink a").html('Visit Web site');
				break;
			}
			
		});
	//change text
		$.get('/iod/global/inc/projectData.php', { projectID: myProject, thumbId: myId }, function(data) {
			if (data) $('td#projectTR').html(data);
		});
	});
});