var currentTopThumb = 0;

function scrollThumbsUp() {
	var thumbs = document.getElementById('nav-thumbs').getElementsByTagName("a");
	var numthumbs = thumbs.length;
	var currentBottomThumb = currentTopThumb+4;
	var currentTopMargin = currentTopThumb*35;
	var nextTopMargin = (currentTopThumb+1)*35;
	if(currentBottomThumb+1<numthumbs) {
		var myAnim = new YAHOO.util.Anim('firstthumb', { marginTop: {from: (-1*currentTopMargin), to: (-1*nextTopMargin)}}, 0.5, YAHOO.util.Easing.easeOut);
		myAnim.animate();
		currentTopThumb++;
	}
}

function scrollThumbsDown() {
	var thumbs = document.getElementById('nav-thumbs').getElementsByTagName("a");
	var numthumbs = thumbs.length;
	var currentBottomThumb = currentTopThumb+4;
	var currentTopMargin = currentTopThumb*35;
	var nextTopMargin = (currentTopThumb-1)*35;
	if(currentTopThumb-1>=0) {
		var myAnim = new YAHOO.util.Anim('firstthumb', { marginTop: {from: (-1*currentTopMargin), to: (-1*nextTopMargin)}}, 0.5, YAHOO.util.Easing.easeOut);
		myAnim.animate();
		currentTopThumb--;
	}
}
function initclick(elm) {
	changeImage(elm.getAttribute('imgpath'));
}
	
function thumbclick () {
	changeImage(this.getAttribute('imgpath'));
}
function changeImage(imgpath) {
	var displaypaneimage = document.getElementById('displaypaneimage');
	displaypaneimage.src = imgpath;
}

function showWaitingImage() {
	var displaypane = document.getElementById('displaypane');
	displaypane.innerHTML = "";
	var tempimgdiv = document.createElement('div');
	tempimgdiv.setAttribute('id', 'loadingdiv');
	displaypane.appendChild(tempimgdiv);
}

var changeDisplay = function(o) {
	xmlDoc = o.responseXML;
	var path = o.argument[0];
	var shortpath = o.argument[1];
	var imagenumber = o.argument[2]; //The image to show, if specified. otherwise, use the first
	if(!imagenumber)
		imagenumber = 1;
	var text = xmlDoc.getElementsByTagName('text');
	var images = xmlDoc.getElementsByTagName('img');
//	alert(o.responseText);
//	return;
	var textpane = document.getElementById('infopane');
	var altviewtabs = document.getElementById('altviewtabs');
	var altviewlabel = document.getElementById('altviewlabel');
	var labelcopy = altviewlabel.cloneNode(true);
	var displaypaneimage = document.getElementById('displaypaneimage');
	if(!displaypaneimage) {
		var displaypane = document.getElementById('displaypane');
		displaypane.innerHTML = "";
		var displaypaneimage = document.createElement('img');
		displaypaneimage.setAttribute('id', 'displaypaneimage');
		displaypane.appendChild(displaypaneimage);
	}

	var messageBody;
//	if(text[0] && text[0].childNodes[0]) {
//		messageBody = text[0].childNodes[0];
//	} else {
		var msgtext = o.responseText;
		var starttag = "<text>";
		var endtag = "</text>";
		messageBody = document.createTextNode(msgtext.substring(msgtext.indexOf(starttag)+starttag.length, msgtext.indexOf(endtag)));
//	}
	// if the messageBody element has been created simple replace it otherwise
	// append the new element
/*	var tempnodes = messageBody.data.split(/\n/g);
//	alert(tempnodes.length);
	for(var i=0; i<tempnodes.length; i++) {
		tempnodes[i] = document.createTextNode(tempnodes[i]);
		tempnodes.splice(i+1, 0, document.createElement("br"));
		i++;
	}
	textpane.innerHTML = "";
	for(var i=0; i<tempnodes.length; i++) {
		textpane.appendChild(tempnodes[i]);
	}
	*/
	textpane.innerHTML = messageBody.data;

	changeImage('data/' + path + images[imagenumber-1].getAttribute('src'));
	
	//remove the altviewtabs and display:off the div
	altviewtabs.innerHTML = "";
	altviewtabs.appendChild(labelcopy);
	if(images.length>1) {
		var altviewlabel = labelcopy;
		for(var i=0; i<images.length; i++) {
			var tempnode = document.createElement('a');
			tempnode.innerHTML = i+1;
			tempnode.setAttribute('href', '#'+shortpath+'_'+(i+1));
			tempnode.setAttribute('imgpath', 'data/' + path + images[i].getAttribute('src'));
//			tempnode.setAttribute('onClick', "changeImage(this.getAttribute('imgpath'))");
			tempnode.onclick = thumbclick;
			altviewtabs.insertBefore(tempnode, altviewlabel);
		}
		//show the altview tabs
		altviewtabs.style.display = '';
	} else {
		//turn off the altviewtabs section
		altviewtabs.style.display = 'none';
	}
}

function showProject(fullpath, shortpath, imagenumber) {
	var callback = {
		success: changeDisplay,
		argument: Array(fullpath, shortpath, imagenumber)
	};
	showWaitingImage();
	var cObj = YAHOO.util.Connect.asyncRequest('POST','datagive.php',callback, 'path='+fullpath);
}