/**
 * Checks to see if the browser can support the dynamic page writing with JS
 * There seems to be a bug with IE in that it crashes the browser. Not sure what it could be.
 **/
function lomoimage_checkBrowser() {
	var browserVer = parseInt(navigator.appVersion);
	var browserName = navigator.appName;
	var platform = navigator.platform.toLowerCase();
	if ((browserName == "Netscape" && browserVer >= 5)
		|| (browserName == "Opera" && browserVer >= 5)
		|| (platform != "win32")) {
		return true;
	}
	return false;
} // end checkBrowser

/** Check browser version 2 allows IE */
function lomoimage_checkBrowser2() {
	var browserVer = parseInt(navigator.appVersion);
	var browserName = navigator.appName;
	var platform = navigator.platform.toLowerCase();
	if ((browserName == "Netscape" && browserVer >= 5)
		|| (browserName == "Opera" && browserVer >= 5)
		|| (document.all)) {
		return true;
	}
	return false;
} // end checkBrowser2

// lomoimage object
function lomoimage_getName() {
	return this.name;
}

function lomoimage_getDesc() {
	return this.description;
}

function lomoimage_getImagePath() {
	return "images/photos/lomo" + this.imgNum + ".jpg";
}

function lomoimage_displayInfo() {
	var browserVer = parseInt(navigator.appVersion);
	var browserName = navigator.appName;
	var imagesCount = 50;
	var returnText = "";
	returnText += "<div class=\"nav\">";
	// only display these links if not Netscape 4 or IE on windows
	if (this.checkBrowser()) {
		if (this.imgNum != 0) {
			returnText += "<a href=\"Javascript:viewImageInside(" + (this.imgNum - 1) + ")\">Prev</a> | ";
		} else {
			returnText += "<a href=\"Javascript:viewImageInside(" + imagesCount + ")\">Prev</a> | ";
		}
		if (this.imgNum != imagesCount) {
			returnText += "<a href=\"Javascript:viewImageInside(" + (this.imgNum + 1) + ")\">Next</a> | ";
		} else {
			returnText += "<a href=\"Javascript:viewImageInside(0)\">Next</a> | ";
		}
	}
	returnText += "<a href=\"Javascript:this.close();\">Close</a>";
	returnText += "</div>\n";
	returnText += "<table><tr>\n";
	returnText += "<td colspan=\"2\" class=\"image\"><img src=\"" + this.getImagePath() + "\" width=\"300\" height=\"200\" alt=\"" + this.getName() + "\"/></td>";
	returnText += "</tr>\n<tr>\n";
	returnText += "<td class=\"left\">Image No:</td>\n";
	returnText += "<td class=\"right\">" + (this.imgNum + 1) + "</td>\n";
	returnText += "</tr>\n<tr>\n";
	returnText += "<td class=\"left\">Title :</td>\n";
	returnText += "<td class=\"right\">" + this.name + "</td>\n";
	returnText += "</tr>\n<tr>\n";
	returnText += "<td class=\"left\">Comments :</td>\n";
	returnText += "<td class=\"right\">" + this.description + "</td>\n";
	returnText += "</tr></table>\n";
	return returnText;
}

/**
 * definition of the lomoimage object
 **/
function lomoimage(imgNum, name, description) {
	this.imgNum = imgNum;
	this.name = name;
	this.description = description;
	// functions
	this.getName = lomoimage_getName;
	this.getDesc = lomoimage_getDesc;
	this.getImagePath = lomoimage_getImagePath;
	this.displayInfo = lomoimage_displayInfo;
	this.checkBrowser = lomoimage_checkBrowser;
	this.checkBrowser2 = lomoimage_checkBrowser2;
} // end lomoImage

