/* STATUS:FINAL */

/*
	This function can be used in two ways.
	Using the a href object.
	or
	Using the image id.
*/

function openImageGalleryPopup(Url) {
    window.open(Url,'picture_gallery','menubar=no, toolbar=no, status=no, width=665, height=565, scrollbars=no, resizable=no');
}

var waitingTimeoutId = null;

function viewImage(linkElement, number) {
	if (number != null) imageId = number;
	else imageId = linkElement.name;
	curr = images[imageId];
		
	imgNode = document.getElementById("fullimage");

    document.getElementById('hourglass').style.visibility = 'hidden';   /* hide hourglass if still visible */
    //Hide & Clear the old image, then change the properties and..
	imgNode.style.visibility = 'hidden';
    imgNode.src = "";
	imgNode.src = curr[0];

    //imgNode.width = (curr[6] > 305 ? (305*curr[5]) / curr[6] : curr[5]);
	//imgNode.height = (curr[6] > 305 ? 305 : curr[6]);
	imgNode.width = curr[5];
	imgNode.height = curr[6];
    imgNode.alt = imgNode.title = curr[4];

	// document.getElementById("fullimage_author").innerHTML = curr[11];
	document.getElementById("fullimage_copy").innerHTML = curr[3];
	// document.getElementById("fullimage_headline").innerHTML = curr[1];
	document.getElementById("fullimage_intro").innerHTML = curr[2];
	document.getElementById("fullimage_index").innerHTML = curr[8];
	document.getElementById("fullimage_back").name= curr[9];
	document.getElementById("fullimage_forward").name = curr[10];

	//..then show the new image
	//imgNode.style.visibility = 'visible';
	// DM: moved above instruction to the onload function of the image itself ;)
    //document.getElementById("fullimage").style.marginTop = "" + (305 - curr[6] > 0 ? (305 - curr[6])/2 : 0) + "px";
    waitingTimeoutId = window.setTimeout("document.getElementById('hourglass').style.visibility = 'visible';",900);
}

function drawPicturebar(linkElement,picturebarLength,picturebarPageLength) {
	
	var parent = document.getElementById("filmstrip");
	var nodes = parent.childNodes;
	var from = linkElement.name * picturebarLength;
	
	var curpage = from/picturebarLength;
	
	var backnr = curpage-1;
	var forwnr = curpage+1;
	
	if ( backnr<0 ) { backnr = picturebarPageLength; }
	
	if ( forwnr>picturebarPageLength ) { forwnr = 0; }
	
	for (var i = 0; i < nodes.length; i++) {
		node = nodes[i];
		if (node.className == "pictures") {
			// First remove all the child nodes;
			while (node.childNodes[0]) node.removeChild(node.childNodes[0]);
			for (var j=from; j < images.length && j < (from+picturebarLength); j++) {

				var ahref = document.createElement('a');
				ahref.name = j;
				ahref.href = "#";
		
				var div = document.createElement('div');
				div.className = "picture";

				if (window.attachEvent) {
					ahref.href = "javascript: viewImage('', "+j+");";
				} else {
					ahref.setAttribute("onClick", "viewImage(this);");
				}
					
				var img = document.createElement('img');
				img.src = images[j][12];
				img.height = images[j][14] > 43 ? 43 : images[j][14];
				img.alt = images[j][4];
				img.title = images[j][4];
				
				ahref.appendChild(img);
				div.appendChild(ahref);
				node.appendChild(div);
			}
		}
	}
	document.getElementById("galBack").name=backnr;
	document.getElementById("galForward").name=forwnr;
}