var isDOM1 = (document.getElementById);
var isDOM2Event = (document.addEventListener && document.removeEventListener);

// painting object
function Painting(filename, title, date, dimension, medium, misc) {
	this.filename = filename;
	this.title = title;
	this.date = date;
  	this.dimension = dimension;
  	this.medium = medium;
  	this.src = null;
	this.misc = misc;
  	
  	this.getDetails = function() {
  		return this.date + "   " + this.dimension + "   " + medium;
  	};
}


var paintings = new Array();
paintings[0] = new Painting("File0001", "Off Centre", "2004", "7\" x 7\"", "oil on paper","(currently in the Canada Council Art Bank collection)");
paintings[1] = new Painting("File0003", "Salmon Bowl", "2004", "12\" x 12\"", "oil on paper","");
paintings[2] = new Painting("File0004", "Flirt", "2004", "10\" x 10\"", "oil on paper","");
paintings[3] = new Painting("File0005", "Blue Horizon", "2005", "10\" x 10\"", "oil on paper","");
paintings[4] = new Painting("File0006", "Lichen Cloud", "2005", "10\" x 10\"", "oil on paper","");
paintings[5] = new Painting("File0008", "Yellow Interrupted", "2005", "12\" x 12\"", "oil on paper","");
paintings[6] = new Painting("File0009", "Pink Drift", "2005", "10\" x 10\"", "oil on paper","");
paintings[7] = new Painting("File0010", "Black Grapefruit", "2005", "7\" x 7\"", "oil on paper","");


function getPainting(src) {

	var painting = null;
	for (var i = 0; paintings.length; i++) {
		painting = paintings[i];
		
		if(src.indexOf(painting.filename) != -1) {
			break;
		}
	}
	
	return painting;
}


function setThumbnailBorder(thumbnail) {
	
	// remove the borders from all of the thumbnails
	for(var i = 0; i < paintings.length; i++) {
		var t = document.getElementById("thumb" + i);
		t.style.borderColor = "#FFFFFF";
	}
	
	// set the border around the thumbnail
	thumbnail.style.borderColor = "#000000";
}

function setMainPainting(painting) {
	var paintingImg = document.getElementById("mainPainting");
	paintingImg.src = painting.src;
	
	document.getElementById("paintingTitle").innerHTML = painting.title;
	document.getElementById("paintingDetails").innerHTML = painting.getDetails();
	document.getElementById("paintingMisc").innerHTML = painting.misc;
}

function setMainPaintingFromThumbnail(thumbnail) {

	// check browser support
	if(!isDOM1) {
		return;
	}
	
	//setThumbnailBorder(thumbnail);
	
	var painting = getPainting(thumbnail.src);

	setMainPainting(painting);	
}

function preloadPaintings() {
	if (document.images) {
		for (var i = 0; i < paintings.length; i++) {
			var painting = paintings[i];
			var img = new Image(0,0);
			img.src = painting.src;
		}
	}
}

function init() {

	// check browser support
	if(!isDOM1) {return;}

	// init the thumbnail images
	var thumbnails = document.getElementById("thumbnails").getElementsByTagName("img");
	for(var i = 0; i < thumbnails.length; i++) {
		var thumbnail = thumbnails[i];
		
		// set the alt text in the thumbnail and the source in the painting
		var painting = getPainting(thumbnail.src);
		thumbnail.alt = painting.title;
		painting.src = "image/" + painting.filename + ".jpg";
	}
	
	// set the default painting
	setMainPainting(paintings[0]);
}