var normalWidth = new Array();
var normalHeight = new Array();
var getZoom = new Array();

function initZoom() {

	// Find all IMG tags of the zoom class

	getZoom = document.body.getElementsByTagName("IMG");


	// Go through all images marked zoomable

	for (i=0; i < getZoom.length; i++) {
		
		// Save and initiate the original height

		normalWidth[i] = getZoom[i].width;
		normalHeight[i] = getZoom[i].height;

		getZoom[i].width = normalWidth[i]; // DHTML is funny sometimes :(
		getZoom[i].height = normalHeight[i];
		
		// add the click event, stupid cross-browser bullshit
		
		if (document.addEventListener) {
			getZoom[i].addEventListener("click", zoomImg, false);
		} else {
			getZoom[i].onclick = zoomImg;
		} // end if

	}  // next i

} // end initZoom


function zoomImg(e) {

	// Determine which keys are pressed (more cross-browser bullshit)

	if (e) {
		ctrlPress = e.ctrlKey;
		shiftPress = e.shiftKey;
		altPress = e.altKey;
	} else {
		ctrlPress = event.ctrlKey;
		shiftPress = event.shiftKey;
		altPress = event.altKey;
	} // end if


	// Get the index of the clicked image

	for (i=0;i<getZoom.length;i++) {
		if (this == getZoom[i])	imgToZoom = i;
	} // next i

	if (altPress) { // return image to original dimensions

		getZoom[imgToZoom].width = normalWidth[imgToZoom];
		getZoom[imgToZoom].height = normalHeight[imgToZoom];

	} else if (ctrlPress || shiftPress) { // zoom out

		if (getZoom[imgToZoom].width > normalWidth[imgToZoom]) {
			getZoom[imgToZoom].width -= normalWidth[imgToZoom];
			getZoom[imgToZoom].height -= normalHeight[imgToZoom];
		} // end if

	} else { // zoom in

		getZoom[imgToZoom].width += normalWidth[imgToZoom];
		getZoom[imgToZoom].height += normalHeight[imgToZoom];

	} // end if

			
} // end zoomImg

window.onload = initZoom;