/* # vim:set filetype=javascript: */




var imgRequest = new cpfHTTPClient ();
var imgElement = null;
var imgtxtElement = null;

var loaderImage = null;
var arrowImages = new Array (4);
var arrowElements = new Array (2);

/* docUID must be set in the HTML */

/* var baseURL = 'http://www.dlab.vladap.com/dlab/site/w/w_project_image'; */
var baseURL = '/dlab/site/w/w_project_image'; 

var imgHandler = {};
imgHandler.onLoad = function (xmlhttp) {
	var resp = xmlhttp.responseText;	
	var arr = resp.split ('#')

	var url = arr [0];	
	var txt = arr [1];

	imgElement.src = url;
	imgtxtElement.firstChild.nodeValue = txt;
}

function onclickProjImage (oper) {

	if (! imgElement) return false;
	if (imgRequest.callinprogress) return false;

	var imgsrc = imgElement.getAttribute ('src');
	var p = imgsrc.lastIndexOf ('/');

	var imgid;
	if (p != -1) {
		imgid = imgsrc.substring (p+1);
	}
	else {
		imgid = "invalid";
	}

	url = baseURL + '?';
	url += ('uid=' + docUID);
	url += ('&oper=' + oper);
	url += ('&current=' + imgid);

	try {
		imgElement.src = loaderImage.src;
		imgRequest.asyncGET (imgHandler, url);
	}
	catch (e) {
		imgElement.src = imgsrc;
	}

	return false;
}

function swapArrows (c, d) {
	var elem = arrowElements [c];
	var n = c*2 + d;
	var img = arrowImages [n];

	elem.src = img.src;
}

function initArrows () {
	for (var i=0; i < 4; i++) {
		arrowImages [i] = new Image (10, 11);
	}

	arrowImages [0].src = "/dlab/images/arrow_back_no.gif";
	arrowImages [1].src = "/dlab/images/arrow_back_ro.gif";
	arrowImages [2].src = "/dlab/images/arrow_forward_no.gif";
	arrowImages [3].src = "/dlab/images/arrow_forward_ro.gif";

	arrowElements [0] = document.getElementById ('proj_arrow_back');
	arrowElements [1] = document.getElementById ('proj_arrow_forward');
}

function initProjImage () {
	loaderImage = new Image(175,50);
	loaderImage.src = "/dlab/images/ajax-loader.gif";

	initArrows ();

	imgElement = document.getElementById ('projimg');	
	imgtxtElement = document.getElementById ('projimg_txt');
	imgRequest.init ();
}