// everestImages.js

var gImage_request = null;
var gImageViewArray = null;
var gImageViewArrayCurPos = 0;
var gFromImagePage = true;
var gFromUserPage = true;
var gSavedUserTitle = "";

var gImageUserArray = null;
var gImageUserArrayCurPos = 0;

var gImageMapArray = null;
var gImageMapArrayCurPos = 0;

var gInageRatingArray = null;

var gSiteURL = "http://mounteverest.ch/";		// mit / at end
var gSiteURLPrefix = "";						// empty or me-test/

// -----------------------------------------------------------
// USER IMAGE
// -----------------------------------------------------------



function getImages(tid)
{
	doImage("get",0,0,tid);
}

function saveImage(utid,tid,fname,caption)
{
	doImage("cre",0,utid,tid,fname,caption);
}

function editImageCaption(tiid,caption)
{
	doImage("edt",tiid,0,0,"",caption);
}

function deleteImage(tiid)
{
	doImage("del",tiid,0);
}

function cancelImage(fname)
{
	doImage("cnl",0,0,0,fname);
}

function getAllImages()
{
	doImage("all",0,0,0);
}




function getLastImages()
{
	doImage("lst",0,0,0);
	
}




function displayImageUploadBox(evnt,utid,tid)
{
	var posx = 0;
	var posy = 0;

	if (!evnt) 
		var evnt = window.event;
	if (evnt.pageX || evnt.pageY) 	{
		posx = evnt.pageX;
		posy = evnt.pageY;
	}
	else if (evnt.clientX || evnt.clientY) 	{
		posx = evnt.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = evnt.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

	document.getElementById("imageUploadBox").style.top = (posy + 10) + "px";
	document.getElementById("imageUploadBox").style.left = (posx - 350) + "px";
	document.getElementById("imageUploadBox").style.visibility = "visible";
	
	var txt = "";	
	txt += "<table width='100%' border='0'>";
	txt += "<tr><td colspan='2'><b>" + getLocStr('Bild hochladen') + "</b></td></tr>";
	txt += "<tr><td colspan='2' align='center'>&nbsp;</td></tr>";
	txt += "<tr><td width='100'><iframe id='previewframe' name='previewframe' src='imagesUpload.html' frameborder='0' width='200' height='100' scrolling='no' framespacing='0'><!-- --></iframe></td><td width='190' valign='middle' align='center'><div id='img_preview'><img src='img/main/no_image_preview.png' /></div></td></tr>";
//	txt += "<tr><td colspan='2' align='center'>&nbsp;</td></tr>";
	txt += "<tr><td colspan='2'>" + getLocStr('Bildlegende') + ":<br /><textarea name='caption' id='caption' cols='40' rows='3'></textarea><br /><input type='hidden' id='usr-fname' name='usr-fname' size='40' /></td></tr>";
	txt += "<tr><td colspan='2'>&nbsp;</td></tr>";
	txt += "<tr><td> &nbsp;&nbsp;<input type='submit' name='cancel' id='cancel' value='" + getLocStr('Abbrechen') + "' /> </td><td><div align='right'><input type='submit' name='save' id='save' value='" + getLocStr('Speichern') + "' /></div></td></tr>";
	txt += "</table>";
	
	document.getElementById("imageUploadBox").innerHTML = txt;
	document.getElementById("caption").focus();

	var submit2 = document.getElementById("cancel"); 
	submit2.onclick = function(ev) { 
		var fname = document.getElementById("usr-fname").value;
		if (fname.length > 0)
			cancelImage(fname);
		document.getElementById("imageUploadBox").style.visibility = "hidden";
		document.getElementById("imageUploadBox").innerHTML = "";
	};
	
	var submit = document.getElementById("save"); 
	submit.onclick = function(ev) { 
		var utext = document.getElementById("caption").value;
		var fname = document.getElementById("usr-fname").value;
		if (fname.length > 0) {
			saveImage(utid,tid,fname,utext);
			document.getElementById("imageUploadBox").style.visibility = "hidden";
			document.getElementById("imageUploadBox").innerHTML = "";
		}
	};	
}


function editImageUploadBox(evnt,utid,tid)
{
	var posx = 0;
	var posy = 0;

	if (!evnt) 
		var evnt = window.event;
	if (evnt.pageX || evnt.pageY) 	{
		posx = evnt.pageX;
		posy = evnt.pageY;
	}
	else if (evnt.clientX || evnt.clientY) 	{
		posx = evnt.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = evnt.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

	document.getElementById("imageUploadBox").style.top = (posy + 10) + "px";
	document.getElementById("imageUploadBox").style.left = (posx - 350) + "px";
	document.getElementById("imageUploadBox").style.visibility = "visible";
	
	var txt = "";	
	txt += "<table width='100%' border='0'>";	// <form accept-charset='utf-8'>"; 
	txt += "<tr><td colspan='2'><b>" + getLocStr('Legende ändern / Bild löschen') + "</b><br></td></tr>";
	txt += "<tr><td colspan='2' align='center'>&nbsp;</td></tr>";
	txt += "<tr><td colspan='2' valign='middle' align='center'><div id='img_preview' style='width:142px; height:80px'><img src='img/main/image_preview_loading.png' /></div></td></tr>";
	txt += "<tr><td colspan='2' align='center'>&nbsp;</td></tr>";
	txt += "<tr><td colspan='2'>" + getLocStr('Bildlegende') + ":<br /><textarea name='caption' id='caption' cols='40' rows='3'></textarea><br /><input type='hidden' id='tiid' name='tiid' size='10' /></td></tr>";
	txt += "<tr><td colspan='2' align='center'>&nbsp;</td></tr>";
	txt += "<tr><td colspan='2'><input type='submit' name='cancel' id='cancel' value='" + getLocStr('Abbrechen') + "' />&nbsp;<input type='submit' name='delete' id='delete' value='" + getLocStr('Löschen') + "' />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type='submit' name='save' id='save' value='" + getLocStr('Speichern') + "' /></td></tr>";
	txt += "</table>"; //</form>";
	
	document.getElementById("imageUploadBox").innerHTML = txt;
	
	document.getElementById("caption").focus();
	doImage("ged",0,utid,0);

	var submit3 = document.getElementById("delete"); 
	submit3.onclick = function(ev) { 
		var tiid = document.getElementById("tiid").value;
		deleteImage(tiid);
		document.getElementById("imageUploadBox").style.visibility = "hidden";
		document.getElementById("imageUploadBox").innerHTML = "";
	};

	var submit2 = document.getElementById("cancel"); 
	submit2.onclick = function(ev) { 
		document.getElementById("imageUploadBox").style.visibility = "hidden";
		document.getElementById("imageUploadBox").innerHTML = "";
	};
	
	var submit = document.getElementById("save"); 
	submit.onclick = function(ev) { 
		var utext = document.getElementById("caption").value;
		if (utext.length >= 0) {
			var tiid = document.getElementById("tiid").value;
			editImageCaption(tiid,utext);
			document.getElementById("imageUploadBox").style.visibility = "hidden";
			document.getElementById("imageUploadBox").innerHTML = "";
		}
	};
}


// ******************************************************
// ******************************************************
// ******************************************************


function displayImageViewBox(evnt,utid,arrows,seq)
{
	var posx = 0;
	var posy = 0;

	if (!evnt) 
		var evnt = window.event;
	if (evnt.pageX || evnt.pageY) 	{
		posx = evnt.pageX;
		posy = evnt.pageY;
	}
	else if (evnt.clientX || evnt.clientY) 	{
		posx = evnt.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = evnt.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	
	

	var yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		yScroll = document.body.offsetHeight;
	}
	
	var windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowHeight = document.body.clientHeight;
	}	

	if(yScroll < windowHeight){
		document.getElementById("overlay").style.height = windowHeight + "px";
	} else { 
		document.getElementById("overlay").style.height = yScroll + "px";
	}

	document.getElementById("overlay").style.display = 'block';
	
	
//	document.getElementById("imageViewBox").style.top = (posy + 10) + "px";
	document.getElementById("imageViewBox").style.top = "100px";
	document.getElementById("imageViewBox").style.left = ((getWindowWidth() / 2) -  (parseInt(document.getElementById("imageViewBox").offsetWidth,10) / 2)) + "px";
	document.getElementById("imageViewBox").style.height = "555px";
	document.getElementById("imageViewBox").style.visibility = "visible";
	
	document.getElementById("iv_mainImage").style.left = "0px";
	document.getElementById("iv_mainImage").style.width = "600px";
					
	
	gSavedUserTitle = "";
	if (arrows) {
		gImageViewArrayCurPos = seq;
		gFromImagePage = true;
		var obj = gImageViewArray[gImageViewArrayCurPos];
		showImage(obj.tiid,obj.fname,obj.name,obj.caption,obj.author,obj.datum,obj.uid,obj.rating);
	}
	else {
		if (utid > 0) {
			doImage("gut",0,utid,0);
		}
		gFromImagePage = false;
	}
	
	gFromUserPage = false;
	gFromMapPage = false;
	showImageViewBoxArrows(arrows,arrows);	
}


function hideImageViewBox()
{
	if (document.getElementById("imageViewBox").style.visibility == "visible") {
		if (gImageViewArray) {
			delete gImageViewArray;
		}
		clearImageViewBox();
		document.getElementById("imageViewBox").style.visibility = "hidden";
		document.getElementById("iv_mainImage").style.left = "0px";
		document.getElementById("iv_mainImage").style.width = "600px";
	}
	hideOverlay();
}


function arrowImageViewMapBox(evnt,dir)
{
	if (gFromUserPage) {
		if (dir != 0) {				// get last one
			if (gImageUserArrayCurPos <= 0 && dir == -1)
				gImageUserArrayCurPos = (gImageUserArray.length-1);
			else
				if (gImageUserArrayCurPos >= (gImageUserArray.length-1) && dir == 1)
					gImageUserArrayCurPos = 0;
			else
					gImageUserArrayCurPos += dir;
		}
		else {
			gImageUserArrayCurPos = dir;
		}
		var obj = gImageUserArray[gImageUserArrayCurPos];
		showImageWithBackLink(obj.tiid,obj.fname,obj.name,obj.caption,obj.author,obj.datum,obj.uid,false,obj.rating);
		showImageViewBoxArrows(true,true);
		return;
	}
	
	if (gFromImagePage) {
		if (dir != 0) {				// get last one
			if (gImageViewArrayCurPos <= 0 && dir == -1)
				gImageViewArrayCurPos = 23;
			else
				if (gImageViewArrayCurPos >= 23 && dir == 1)
					gImageViewArrayCurPos = 0;
				else
					gImageViewArrayCurPos += dir;
		}
		var obj = gImageViewArray[gImageViewArrayCurPos];
		showImage(obj.tiid,obj.fname,obj.name,obj.caption,obj.author,obj.datum,obj.uid,obj.rating);
		return;
	}

	if (gFromMapPage) {
		if (dir != 0) {				// get last one
			if (gImageMapArrayCurPos <= 0 && dir == -1)
				gImageMapArrayCurPos = (gImageMapArray.length-1);
			else
				if (gImageMapArrayCurPos >= (gImageMapArray.length-1) && dir == 1)
					gImageMapArrayCurPos = 0;
			else
					gImageMapArrayCurPos += dir;
		}
		else {
			gImageMapArrayCurPos = dir;
		}
		var obj = gImageMapArray[gImageMapArrayCurPos];
		showImageWithBackLink(obj.tiid,obj.fname,obj.name,obj.caption,obj.author,obj.datum,obj.uid,false,obj.rating);
		showImageViewBoxArrows(true,true);
		return;
	}

}


function backToImageDetail(evnt,dir)
{
	if (gFromImagePage) {
		var obj = gImageViewArray[gImageViewArrayCurPos];
		showImage(obj.tiid,obj.fname,obj.name,obj.caption,obj.author,obj.datum,obj.uid,obj.rating);
		showImageViewBoxArrows(gFromImagePage,gFromImagePage);
	}
	else
		hideImageViewBox();
}

	
function backToUserOverview(evnt,dir)
{
	if (gFromMapPage) {
		showImageViewBoxArrows(false,false);
		document.getElementById("iv_mainTitle").innerHTML = gSavedUserTitle;
		document.getElementById("iv_mainImage").innerHTML = buildMapOverview();
		document.getElementById("iv_mainCaption").innerHTML = "";
		document.getElementById("iv_mainLinks").innerHTML = "<br><span class='link' onclick='backToImageDetail();'>"+ getLocStr('Zurück zur Übersicht')+"</span>";

		gFromUserPage = false;
	}
	else {
		showImageViewBoxArrows(false,false);
		document.getElementById("iv_mainTitle").innerHTML = gSavedUserTitle;
		document.getElementById("iv_mainImage").innerHTML = buildUserOverview();
		document.getElementById("iv_mainCaption").innerHTML = "";
		document.getElementById("iv_mainLinks").innerHTML = "<br><span class='link' onclick='backToImageDetail();'>"+ getLocStr('Zurück zur Übersicht')+"</span>";

		gFromUserPage = false;
	}
//	document.getElementById("iv_mainRating").innerHTML = "";
}
	


function switchImageView(num)
{
	full_fname = "usr-img/l600/" + gImageViewArray[num].fname;
	document.getElementById("iv_mainImage").innerHTML = "<img src='" + full_fname + "' />";
	document.getElementById("iv_mainCaption").innerHTML = gImageViewArray[num].caption + "<br>" + getLocStr('Autor') + ": " + gImageViewArray[num].author + " (" + formatDateFromDB(gImageViewArray[num].datum) + ")";
}



function getUserImages(uid,author)
{
	clearImageViewBox();
	document.getElementById("iv_mainTitle").innerHTML = "<span class='boxText'>"+ getLocStr('Alle Bilder von')+" "+author+"</span>";
	document.getElementById("iv_mainLinks").innerHTML = "<br><span class='link' onclick='backToImageDetail();'>"+ getLocStr('Zurück')+"</span>";
//	document.getElementById("iv_mainRating").innerHTML = "";

	doImage("gui",uid,0,0);
}



function clearImageViewBox()
{
	document.getElementById("iv_mainTitle").innerHTML = "";
	document.getElementById("iv_mainImage").innerHTML = "";
	document.getElementById("iv_mainCaption").innerHTML = "";
	document.getElementById("iv_mainLinks").innerHTML = "";
	showImageViewBoxArrows(false,false);
	
	document.getElementById("iv_mainImage").style.overflow = "auto";
}


function showImageViewBoxArrows(left,right)
{
	if (left)
		document.getElementById("iv_mainArrowL").style.visibility = "visible";
	else
		document.getElementById("iv_mainArrowL").style.visibility = "hidden";
		
	if (right)
		document.getElementById("iv_mainArrowR").style.visibility = "visible";
	else
		document.getElementById("iv_mainArrowR").style.visibility = "hidden";
}



function showImage(tiid,fname,trackName,caption,author,datum,uid,rating)
{
	document.getElementById("iv_mainImage").style.left = "0px";
	document.getElementById("iv_mainImage").style.width = "600px";
	document.getElementById("iv_mainImage").style.overflow = "hidden";
//	showImageViewBoxArrows(true,true);

	var full_fname = gSiteURL + "/usr-img/l600/l600_" + fname;
	document.getElementById("iv_mainTitle").innerHTML = "<span class='boxText'><strong>"+trackName+"</strong></span>";
	document.getElementById("iv_mainImage").innerHTML = "<img id='bigImg' src='" + full_fname + "' />";
	document.getElementById("iv_mainCaption").innerHTML = "<span class='boxText'>"+caption + "<br>" + getLocStr('Autor') + ": " + author + " (" + formatDateFromDB(datum) + ")</span>";
	document.getElementById("iv_mainLinks").innerHTML = "<span class='boxText'>"+ getLocStr('Alle Bilder von')+":</span><br><span class='link' onclick='getUserImages("+uid+",\""+author+"\");'>"+author+"</span>";
//	document.getElementById("iv_mainRating").innerHTML = "<span class='boxText'>"+getLocStr('Bild bewerten')+"</span><br>"+displayImageRating(rating,tiid,uid);

}


function showImageWithBackLink(tiid,fname,trackName,caption,author,datum,uid,userDetail,rating)
{
	document.getElementById("iv_mainImage").style.left = "0px";
	document.getElementById("iv_mainImage").style.width = "600px";
	document.getElementById("iv_mainImage").style.overflow = "hidden";

	var full_fname = gSiteURL + "/usr-img/l600/l600_" + fname;
	var fname_len = fname.length;
	var img_id = fname.substring(fname_len - 15,fname_len - 4);
	document.getElementById("iv_mainTitle").innerHTML = "<span class='boxText'><strong>"+trackName+"</strong></span>";
	document.getElementById("iv_mainImage").innerHTML = "<img id='bigImg' src='" + full_fname + "' />";
	document.getElementById("iv_mainCaption").innerHTML = "<span class='boxText'>"+caption + "<br>" + getLocStr('Autor') + ": " + author + " (" + formatDateFromDB(datum) + ")</span>";
	if (userDetail)
		document.getElementById("iv_mainLinks").innerHTML = "<br><span class='link' onclick='gImageView=true;backToImageDetail();'>"+ getLocStr('Zurück zur Übersicht')+"</span><br><span class='boxText'>ID "+img_id+"</span>";
	else
		document.getElementById("iv_mainLinks").innerHTML = "<br><span class='link' onclick='gImageView=true;backToUserOverview();'>"+ getLocStr('Zurück zur Übersicht')+"</span><br><span class='boxText'>ID "+img_id+"</span>";
	
//	document.getElementById("iv_mainRating").innerHTML = "<span class='boxText'>"+getLocStr('Bild bewerten')+"</span><br>"+displayImageRating(rating,tiid,uid);

}

/*
function displayImageRating(rate,tiid,uid)
{
	var rtxt = "";
	if (rate >= 1) 
		rtxt += "<img id='r1' onmouseover='moverRating(1,this)' onmouseout='moutRating(1,this,"+rate+")' onclick='moClick(1,"+tiid+","+uid+")' src='img/icon/imageStar_red.gif' border=0> &nbsp;";
	else
		rtxt += "<img id='r1' onmouseover='moverRating(1,this)' onmouseout='moutRating(1,this,"+rate+")' onclick='moClick(1,"+tiid+","+uid+")' src='img/icon/imageStar_gray.gif' border=0> &nbsp;";
	if (rate >= 2) 
		rtxt += "<img id='r2' onmouseover='moverRating(2,this)' onmouseout='moutRating(2,this,"+rate+")' onclick='moClick(2,"+tiid+","+uid+")' src='img/icon/imageStar_red.gif' border=0> &nbsp;";
	else
		rtxt += "<img id='r2' onmouseover='moverRating(2,this)' onmouseout='moutRating(2,this,"+rate+")' onclick='moClick(2,"+tiid+","+uid+")' src='img/icon/imageStar_gray.gif' border=0> &nbsp;";
	if (rate >= 3) 
		rtxt += "<img id='r3' onmouseover='moverRating(3,this)' onmouseout='moutRating(3,this,"+rate+")' onclick='moClick(3,"+tiid+","+uid+")' src='img/icon/imageStar_red.gif' border=0> &nbsp;";
	else
		rtxt += "<img id='r3' onmouseover='moverRating(3,this)' onmouseout='moutRating(3,this,"+rate+")' onclick='moClick(3,"+tiid+","+uid+")' src='img/icon/imageStar_gray.gif' border=0> &nbsp;";
	if (rate >= 4) 
		rtxt += "<img id='r4' onmouseover='moverRating(4,this)' onmouseout='moutRating(4,this,"+rate+")' onclick='moClick(4,"+tiid+","+uid+")' src='img/icon/imageStar_red.gif' border=0> &nbsp;";
	else
		rtxt += "<img id='r4' onmouseover='moverRating(4,this)' onmouseout='moutRating(4,this,"+rate+")' onclick='moClick(4,"+tiid+","+uid+")' src='img/icon/imageStar_gray.gif' border=0> &nbsp;";
	if (rate >= 5) 
		rtxt += "<img id='r5' onmouseover='moverRating(5,this)' onmouseout='moutRating(5,this,"+rate+")' onclick='moClick(5,"+tiid+","+uid+")' src='img/icon/imageStar_red.gif' border=0> &nbsp;";
	else
		rtxt += "<img id='r5' onmouseover='moverRating(5,this)' onmouseout='moutRating(5,this,"+rate+")' onclick='moClick(5,"+tiid+","+uid+")' src='img/icon/imageStar_gray.gif' border=0> &nbsp;";
	return rtxt; //+" /"+rate;
}


function moverRating(num,self)
{
//	self.src = 'img/icon/imageStar_redWhite.gif';
	if (num >= 1)
		document.getElementById("r1").src = 'img/icon/imageStar_redWhite.gif';
	if (num >= 2)
		document.getElementById("r2").src = 'img/icon/imageStar_redWhite.gif';
	if (num >= 3)
		document.getElementById("r3").src = 'img/icon/imageStar_redWhite.gif';
	if (num >= 4)
		document.getElementById("r4").src = 'img/icon/imageStar_redWhite.gif';
	if (num >= 5)
		document.getElementById("r5").src = 'img/icon/imageStar_redWhite.gif';	
	
}

function moutRating(num,self,rate)
{
//	self.src = 'img/icon/imageStar_gray.gif';
	if (num >= 1 && rate >= 1) 
		document.getElementById("r1").src = 'img/icon/imageStar_red.gif';
	else
		document.getElementById("r1").src = 'img/icon/imageStar_gray.gif';
	
	if (num >= 2 && rate >= 2) 
		document.getElementById("r2").src = 'img/icon/imageStar_red.gif';
	else
		document.getElementById("r2").src = 'img/icon/imageStar_gray.gif';
	if (num >= 3 && rate >= 3)
		document.getElementById("r3").src = 'img/icon/imageStar_red.gif';
	else
		document.getElementById("r3").src = 'img/icon/imageStar_gray.gif';
	if (num >= 4 && rate >= 4)
		document.getElementById("r4").src = 'img/icon/imageStar_red.gif';
	else
		document.getElementById("r4").src = 'img/icon/imageStar_gray.gif';
	if (num >= 5 && rate >= 5)
		document.getElementById("r5").src = 'img/icon/imageStar_red.gif';	
	else
		document.getElementById("r5").src = 'img/icon/imageStar_gray.gif';		
}


function moClick(num,tiid,uid)
{
	doImage('rat',tiid,uid,num);
	
}
*/


function displayImageViewMapBox(evnt)
{
	var posx = 0;
	var posy = 0;

	if (!evnt) 
		var evnt = window.event;
	if (evnt.pageX || evnt.pageY) 	{
		posx = evnt.pageX;
		posy = evnt.pageY;
	}
	else if (evnt.clientX || evnt.clientY) 	{
		posx = evnt.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = evnt.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	
	document.getElementById("iv_mainImage").style.left = "0px";
	document.getElementById("iv_mainImage").style.width = "600px";
	document.getElementById("imageViewBox").style.height = "555px";
	document.getElementById("imageViewBox").style.top = "550px";
	document.getElementById("imageViewBox").style.left = ((getWindowWidth() / 2) -  (parseInt(document.getElementById("imageViewBox").offsetWidth,10) / 2)) + "px";

	document.getElementById("imageViewBox").style.visibility = "visible";
	
	var posxnew = posx - ((getWindowWidth() / 2) - 48 - parseInt(document.getElementById("imagesBoxMap").offsetWidth,10));	//115
	
	
	var lat = parseInt(480000 + ((posxnew-5) * 615),10);
	var lng = parseInt(300000 - ((posy-675) * 575),10);
	
	gFromImagePage = false;
	gFromUserPage = false;

	clearImageViewBox();
	document.getElementById("iv_mainTitle").innerHTML = getLocStr('Position (Koordinaten CH)')+": "+lat+"/ "+lng+" ";
	document.getElementById("iv_mainImage").innerHTML = loadingMessage();

	doImage("gnb",lat,lng,0);
}



function doImage(cmd,tiid,utid,tid,fname,caption)
{
	gImage_request = false;
    if (typeof XMLHttpRequest != 'undefined') {
    	try {
			gImage_request = new XMLHttpRequest();
        } catch(e) {
			gImage_request = false;
        }
    } else if(window.ActiveXObject) {
       	try {
        	gImage_request = new ActiveXObject("Msxml2.XMLHTTP");
      	} catch(e) {
        	try {
          		gImage_request = new ActiveXObject("Microsoft.XMLHTTP");
        	} catch(e) {
          		gImage_request = false;
        	}
		}
    }

	if (gImage_request) {
		var localfile = document.URL.indexOf("file:",0);
		if (localfile < 0)
			var url = document.URL.substring(0,(document.URL.indexOf(".ch/") + 4)) + gSiteURLPrefix + "cgi-local/";
		else
			var url = gSiteURL + "cgi-local/";
					
		
		switch (cmd) {
			case 'gui': 	url += "Image.pl?cmd=GetUserImages&uid=" + tiid;
							gImage_request.onreadystatechange = processImageReqGetUserImages;
							break;
			case 'get': 	url += "Image.pl?cmd=GetImages&tid=" + tid;
							gImage_request.onreadystatechange = processImageReqGetImages;
							break;
			case 'gut': 	url += "Image.pl?cmd=GetUTImages&utid=" + utid;
							gImage_request.onreadystatechange = processImageReqGetUserTrackImage;
							break;
			case 'ged': 	url += "Image.pl?cmd=GetUTImages&utid=" + utid;
							gImage_request.onreadystatechange = processImageReqGetUTImages;
							break;
			case 'cre': 	url += "Image.pl?cmd=CreateImage&utid=" + utid + "&caption=" + encodeURI(caption) + "&fname=" + fname + "&tid=" + tid;
							gImage_request.onreadystatechange = processImageReqCreateImage;
							break;
			case 'edt':		url += "Image.pl?cmd=EditImage&tiid=" + tiid + "&caption=" + encodeURI(caption);
							gImage_request.onreadystatechange = processImageReqEditImage;
							break;			
			case 'del':		url += "Image.pl?cmd=DeleteImage&tiid=" + tiid;
							gImage_request.onreadystatechange = processImageReqDeleteImage;
							break;			
			case 'cnl':		url += "Image.pl?cmd=Cancel&fname=" + fname;
							gImage_request.onreadystatechange = processImageReqCancel;
							break;			
			case 'all':		url += "Image.pl?cmd=GetAllImagesGroupBy";
							gImage_request.onreadystatechange = processImageReqGetAllImagesGroupBy;
							break;						
			case 'lat':		url += "Image.pl?cmd=GetRandomImages";				// used to be: GetLatestImages
							gImage_request.onreadystatechange = processImageReqGetLatestImages;
							break;					
			case 'lst':		url += "Image.pl?cmd=GetLatestImages";
							gImage_request.onreadystatechange = processImageReqGetLatestSquareImages;
							break;					
			case 'gnb':		url += "Image.pl?cmd=GetNearbyImages&d=20&x=" + tiid + "&y=" + utid;
							gImage_request.onreadystatechange = processImageReqGetNearbyImages;
							break;					
			case 'rat':		url += "Image.pl?cmd=SaveRating&tiid=" + tiid + "&uid=" + utid + "&rating=" + tid;		// in uid is utid
							gImage_request.onreadystatechange = processImageReqSaveRating;
							break;					
			case 'sea':		url += "Image.pl?cmd=SearchImages&stext=" + tiid;		// in tiid is searchtext
							gImage_request.onreadystatechange = processImageReqSearchImages;
							break;					
			case 'con':		url += "Image.pl?cmd=ContestImages&datefrom=" + tiid + "&dateto=" + utid;
							gImage_request.onreadystatechange = processImageReqContestImages;
							break;					
					default: ;
			}		
		
		gImage_request.open("GET",url,true);
		gImage_request.send(null);
	}
}



function processImageReqGetUserTrackImage()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");
				
				document.getElementById("imageViewBox").style.width = "600px";		// 640
				document.getElementById("imageViewBox").style.height = "555px";		// 640
				document.getElementById("imageViewBox").style.left = ((getWindowWidth() / 2) -  (parseInt(document.getElementById("imageViewBox").offsetWidth,10) / 2)) + "px";
					
				var fname, caption, author, datum, trackName, uid, rating;
				for (var i = 0; i < items.length; i++) {
					var tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					trackName =  getElementTextNS("", "name", items[i], 0);
					uid = parseInt(getElementTextNS("", "uid", items[i], 0),10);
					rating = parseInt(getElementTextNS("", "rating", items[i], 0),10);
					
					showImage(tiid,fname,trackName,caption,author,datum,uid,false,rating);
				}
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}
	





function processImageReqGetImages()
{
	var err = 0;
	alert("processImageReqGetImages");
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");
				
				if (items.length == 1) {
					document.getElementById("imageViewBox").style.width = "600px";		// 640
					document.getElementById("imageViewBox").style.height = "555px";		// 640
					document.getElementById("imageViewBox").style.left = ((getWindowWidth() / 2) -  (parseInt(document.getElementById("imageViewBox").offsetWidth,10) / 2)) + "px";
				}
				else {
					document.getElementById("imageViewBox").style.width = "600px";
					document.getElementById("imageViewBox").style.height = "555px";		// 640
					document.getElementById("imageViewBox").style.left = ((getWindowWidth() / 2) -  (parseInt(document.getElementById("imageViewBox").offsetWidth,10) / 2)) + "px";

					gImageViewArray = new Array();
				}
					
				var fname, caption, author, datum, trackName;
				for (var i = 0; i < items.length; i++) {
					var tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
//					if (isNaN(tiid)
//						continue;
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					trackName =  getElementTextNS("", "name", items[i], 0);

					if (items.length > 1) {
						var obj = new Object();
						obj.fname = fname;
						obj.caption = caption;
						obj.author = author;
						obj.datum = datum;
						gImageViewArray.push(obj);
					}
										
					if (i == 0) {
						var full_fname = gSiteURL + "/usr-img/l600/l600_" + fname;
						
						document.getElementById("iv_mainTitle").innerHTML = "<span class='boxText'><strong>"+trackName+"</strong></span>";
						document.getElementById("iv_mainImage").innerHTML = "<img id='bigImg' src='" + full_fname + "' />";
						document.getElementById("iv_mainCaption").innerHTML = "<span class='boxText'>"+caption + "<br>" + getLocStr('Autor') + ": " + author + " (" + formatDateFromDB(datum) + ")</span>";
						
						var pic = document.getElementById("bigImg");
						document.getElementById("iv_mainLinks").innerHTML = "<span class='boxText'>"+ getLocStr('Alle Bilder von')+":</span><br><span class='link'>"+author+"</span>";

					}
				}
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}






function processImageReqGetUTImages()
{
	var err = 0;
//	alert("processImageReqGetUTImages");
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var txt = "";
				var items = gImage_request.responseXML.getElementsByTagName("image");
				
				if (items.length == 1) {
				}
				else {
					gImageViewArray = new Array();
				}
					
				for (var i = 0; i < items.length; i++) {
					var tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					var fname = getElementTextNS("", "fname", items[i], 0);
					var caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					var author = getElementTextNS("", "nickname", items[i], 0);
					var datum = getElementTextNS("", "datum", items[i], 0);
					
//					alert("processImageReqGetUTImages");
					if (items.length > 1) {
						var obj = new Object();
						obj.fname = fname;
						obj.caption = caption;
						obj.author = author;
						obj.datum = datum;
						gImageViewArray.push(obj);
					}
										
					if (i == 0) {
						var full_fname = gSiteURL+"usr-img/s080/s080_" + fname;
						
						document.getElementById("img_preview").innerHTML = "<img src='" + full_fname + "' />";
						document.getElementById("caption").value = caption;
						document.getElementById("tiid").value = tiid;
					}
					else {

					}
				}
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}




function processImageReqCreateImage()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText == "false") {
			}
			else {
				gUID = getUIDCookie();
				registerActivity(gUID,4,"",0);
				displayMyTracks();
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}



function processImageReqEditImage()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText == "false") {
			}
			else {
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}



function processImageReqDeleteImage()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText == "false") {
			}
			else {
				displayMyTracks();
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}


function processImageReqCancel()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText == "false") {
			}
			else {
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}



/// ********************************
// ImagesBox


function displayImagesMain()
{
	var txt ="";
	
	txt = "<span class='boxTitle'>" + getLocStr('BILDER') + "</span><br>";
	txt += "<span class='boxText'>" + getLocStr('Txt-ImagesList-Text') + "</span><br><br>";
//	document.getElementById("imagesBoxHead").innerHTML = txt;
	document.getElementById("imagesBoxList").innerHTML = "";
	
	document.getElementById("imagesBoxMapHead").innerHTML = "<span class='boxText'>"+getLocStr('Txt-ImagesMap-Text')+"</span>";
	
	document.getElementById("imageSearchBtn").disabled = true;
	var stextField = document.getElementById("imageSearchText"); 
	stextField.onkeydown = function(ev) { 
		if (stextField.value.length >= 2) {
			document.getElementById("imageSearchBtn").disabled = false;
		}
		else {
			document.getElementById("imageSearchBtn").disabled = true;
		}
	};
	
	var submit = document.getElementById("imageSearchBtn"); 
	submit.onclick = function(ev) { 
		
		var stext = document.getElementById("imageSearchText").value;
		if (stext.length >=2) {
			displayImageViewSeachBox();
			doImage("sea",stext);
		}
	};
	document.getElementById("imageSearchText").focus();

	getLastImages();
}



function displayImageViewContestBox(period)
{
	var posx = 0;
	var posy = 0;

	if (!evnt) 
		var evnt = window.event;
	if (evnt.pageX || evnt.pageY) 	{
		posx = evnt.pageX;
		posy = evnt.pageY;
	}
	else if (evnt.clientX || evnt.clientY) 	{
		posx = evnt.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = evnt.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	
	document.getElementById("iv_mainImage").style.left = "0px";
	document.getElementById("iv_mainImage").style.width = "600px";
	document.getElementById("imageViewBox").style.height = "555px";
	document.getElementById("imageViewBox").style.top = "150px";
	document.getElementById("imageViewBox").style.left = ((getWindowWidth() / 2) -  (parseInt(document.getElementById("imageViewBox").offsetWidth,10) / 2)) + "px";

	document.getElementById("imageViewBox").style.visibility = "visible";
	
	var posxnew = posx - ((getWindowWidth() / 2) - 48 - parseInt(document.getElementById("imagesBoxMap").offsetWidth,10));	//115
	
	
	var lat = parseInt(480000 + ((posxnew-5) * 615),10);
	var lng = parseInt(300000 - ((posy-675) * 575),10);
	
	gFromImagePage = false;
	gFromUserPage = false;

	clearImageViewBox();
//	document.getElementById("iv_mainTitle").innerHTML = getLocStr('Position (Koordinaten CH)')+": "+lat+"/ "+lng+" ";
	document.getElementById("iv_mainImage").innerHTML = loadingMessage();
	
	switch (period) {
		case 1:	from = "2011-03-01";
				to = "2011-05-31";
				break;
		case 2:	from = "2011-06-01";
				to = "2011-08-31";
				break;
		case 3:	from = "2011-09-01";
				to = "2011-10-31";
				break;
	
	}
	doImage("con",from,to);
}




function displayImageViewSeachBox()
{
	var posx = 0;
	var posy = 0;

	if (!evnt) 
		var evnt = window.event;
	if (evnt.pageX || evnt.pageY) 	{
		posx = evnt.pageX;
		posy = evnt.pageY;
	}
	else if (evnt.clientX || evnt.clientY) 	{
		posx = evnt.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = evnt.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
	
	document.getElementById("iv_mainImage").style.left = "0px";
	document.getElementById("iv_mainImage").style.width = "600px";
	document.getElementById("imageViewBox").style.height = "555px";
	document.getElementById("imageViewBox").style.top = "150px";
	document.getElementById("imageViewBox").style.left = ((getWindowWidth() / 2) -  (parseInt(document.getElementById("imageViewBox").offsetWidth,10) / 2)) + "px";

	document.getElementById("imageViewBox").style.visibility = "visible";
	
	var posxnew = posx - ((getWindowWidth() / 2) - 48 - parseInt(document.getElementById("imagesBoxMap").offsetWidth,10));	//115
	
	
	var lat = parseInt(480000 + ((posxnew-5) * 615),10);
	var lng = parseInt(300000 - ((posy-675) * 575),10);
	
	gFromImagePage = false;
	gFromUserPage = false;

	clearImageViewBox();
//	document.getElementById("iv_mainTitle").innerHTML = getLocStr('Position (Koordinaten CH)')+": "+lat+"/ "+lng+" ";
	document.getElementById("iv_mainImage").innerHTML = loadingMessage();
}





// used in results (rechte spalte) in promo box
// REMOVE archive in Image.pl
function processImageReqGetLatestImages()	
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");
				var txt = "<table width='100%' border='0'>";
				var tiid, fname, caption, author, datum, tid, trackName, full_fname;
				for (var i = 0; i < 1; i++) {
					tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					tid = parseInt(getElementTextNS("", "tid", items[i], 0),10);
					trackName =  getElementTextNS("", "name", items[i], 0);
					
					txt += "<tr><span class='boxTitle'>"+trackName+"</span><br />";
					full_fname = gSiteURL+"usr-img/l272/l272_" + fname;
					txt += "<img src='" + full_fname + "' class='imgBorder' /><br><span class='imagelist2-font'>" + formatDateFromDB(datum);
					if (caption.length > 1)
						txt += ": " + caption;
					txt += " ("+getLocStr('Autor')+": "+author+")";
					txt += "<br><br><br></span>";
					txt += "</td></tr>";
				}
				txt += "</table>";

				document.getElementById("promoBox").innerHTML = txt;
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}


function processImageReqGetLatestSquareImages()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");
				var txt = "<table width='100%' border='0' cellspacing='0' cellpadding='5'>";
				var tiid, fname, caption, author, datum, tid, utid, trackName, full_fname, uid, rating, obj;
				var row = 0;
				gImageViewArray = new Array();
				gImageViewArrayCurPos = 0;
				
				for (var i = 0; i < items.length; i++) {
					tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					utid = parseInt(getElementTextNS("", "utid", items[i], 0),10);
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					tid = parseInt(getElementTextNS("", "tid", items[i], 0),10);
					trackName =  getElementTextNS("", "name", items[i], 0);
					uid = parseInt(getElementTextNS("", "uid", items[i], 0),10);
					rating = parseInt(getElementTextNS("", "rating", items[i], 0),10);
					
					obj = new Object();
					obj.tiid = tiid;
					obj.tid = tid;
					obj.utid = utid;
					obj.fname = fname;
					obj.caption = caption;
					obj.author = author;
					obj.datum = datum;
					obj.name = trackName;
					obj.uid = uid;
					obj.rating = rating;
					gImageViewArray.push(obj);

					if (row == 0)
						txt += "<tr>";

					full_fname = gSiteURL + "/usr-img/s080/s080_" + fname;
					txt += "<td><img src='" + full_fname + "' class='imgBorder' width='80' height='80' style='cursor:pointer' onclick='displayImageViewBox(event,"+utid+",true,"+i+");' />";
					txt += "</td>";
					row++;
					
					if (row == 0)
						txt += "</tr>";
					
					if (row == 6)
						row = 0;
				}
				txt += "</table>";

				document.getElementById("imagesBoxList").innerHTML = txt;
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}



function processImageReqGetUserImages()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");
				
				document.getElementById("iv_mainImage").style.left = "35px";
				document.getElementById("iv_mainImage").style.width = "530px";

				if (gImageViewArray)
					delete gImageViewArray;
				gImageUserArray = new Array();
				gImageUserArrayCurPos = 0;

				var tiid, fname, caption, author, datum, tid, utid, trackName, uid, rating, obj;
				var i;
				for (i = 0; i < items.length; i++) {
					tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					utid = parseInt(getElementTextNS("", "utid", items[i], 0),10);
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					tid = parseInt(getElementTextNS("", "tid", items[i], 0),10);
					uid = parseInt(getElementTextNS("", "uid", items[i], 0),10);
					trackName =  getElementTextNS("", "name", items[i], 0);
					rating = parseInt(getElementTextNS("", "rating", items[i], 0),10);

					obj = new Object();
					obj.tiid = tiid;
					obj.tid = tid;
					obj.utid = utid;
					obj.fname = fname;
					obj.caption = caption;
					obj.author = author;
					obj.uid = uid;
					obj.datum = datum;
					obj.name = trackName;
					obj.rating = rating;
					gImageUserArray.push(obj);
				}
				
				document.getElementById("iv_mainTitle").innerHTML += " ("+numOfUserImages()+")";
				gSavedUserTitle = document.getElementById("iv_mainTitle").innerHTML;
				document.getElementById("iv_mainImage").innerHTML = buildUserOverview();
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}


function buildUserOverview() 
{
	document.getElementById("iv_mainImage").style.left = "35px";
	document.getElementById("iv_mainImage").style.width = "530px";		// 640

	var row = 0;
	var full_fname;
	var txt = "<table width='100%' border='0' cellspacing='0' cellpadding='3'>";
	for (var i=0; i < gImageUserArray.length;i++) {
		if (row == 0)
			txt += "<tr>";

		full_fname = gSiteURL + "/usr-img/s080/s080_" + gImageUserArray[i].fname;
		txt += "<td><img src='" + full_fname + "' class='imgBorder' width='80' height='80' style='cursor:pointer' onclick='gFromUserPage=true;arrowImageViewMapBox(event,"+i+");' />";
		txt += "</td>";
		row++;
					
		if (row == 0)
			txt += "</tr>";
					
		if (row == 5)
			row = 0;
	}
	txt += "</table>";
	return txt;
}


function numOfUserImages()
{
	if (gImageUserArray.length <= 0)
		return getLocStr('keine Bilder');
	else
		if (gImageUserArray.length == 1)
			return getLocStr('1 Bild');
		else
			return gImageUserArray.length+" "+getLocStr('Bilder');
}




function processImageReqGetNearbyImages()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");

				document.getElementById("iv_mainImage").style.left = "35px";
				document.getElementById("iv_mainImage").style.width = "530px";		// 640


				if (gImageMapArray)
					delete gImageMapArray;

				gImageMapArray = new Array();
				gImageMapArrayCurPos = 0;
					
				var tiid, fname, caption, author, datum, tid, utid, trackName, full_fname, rating, uid, obj;
				var i;
				for (i = 0; i < items.length; i++) {
					tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					utid = parseInt(getElementTextNS("", "utid", items[i], 0),10);
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					tid = parseInt(getElementTextNS("", "tid", items[i], 0),10);
					uid = parseInt(getElementTextNS("", "uid", items[i], 0),10);
					trackName =  getElementTextNS("", "name", items[i], 0);
					rating = parseInt(getElementTextNS("", "rating", items[i], 0),10);

					obj = new Object();
					obj.tiid = tiid;
					obj.tid = tid;
					obj.utid = utid;
					obj.fname = fname;
					obj.caption = caption;
					obj.author = author;
					obj.uid = uid;
					obj.datum = datum;
					obj.name = trackName;
					obj.rating = rating;
					gImageMapArray.push(obj);

				}
				document.getElementById("iv_mainTitle").innerHTML += " ("+numOfMapImages()+")";
				gSavedUserTitle = document.getElementById("iv_mainTitle").innerHTML;
				document.getElementById("iv_mainImage").innerHTML = buildMapOverview();
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}

/*
function processImageReqSaveRating()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {				
				if (gImage_request.responseText.indexOf("nok") >= 0)
					document.getElementById("iv_mainRating").innerHTML = "<span class='boxText'>"+getLocStr('Bild bewerten')+"</span><br>"+getLocStr('Bereits bewertet.');
				else {
					document.getElementById("iv_mainRating").innerHTML = "<span class='boxText'>"+getLocStr('Bild bewerten')+"</span><br>"+getLocStr('Vielen Dank!')+" "+gImage_request.responseText;
					
				}
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}
}
*/

function processImageReqSearchImages()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");

				document.getElementById("iv_mainImage").style.left = "35px";
				document.getElementById("iv_mainImage").style.width = "530px";		// 640


				if (gImageMapArray)
					delete gImageMapArray;

				gImageMapArray = new Array();
				gImageMapArrayCurPos = 0;
					
				var tiid, fname, caption, author, datum, tid, utid, trackName, full_fname, rating, uid, obj;
				var i;
				for (i = 0; i < items.length; i++) {
					tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					utid = parseInt(getElementTextNS("", "utid", items[i], 0),10);
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					tid = parseInt(getElementTextNS("", "tid", items[i], 0),10);
					uid = parseInt(getElementTextNS("", "uid", items[i], 0),10);
					trackName =  getElementTextNS("", "name", items[i], 0);
					rating = parseInt(getElementTextNS("", "rating", items[i], 0),10);

					obj = new Object();
					obj.tiid = tiid;
					obj.tid = tid;
					obj.utid = utid;
					obj.fname = fname;
					obj.caption = caption;
					obj.author = author;
					obj.uid = uid;
					obj.datum = datum;
					obj.name = trackName;
					obj.rating = rating;
					gImageMapArray.push(obj);

				}
				document.getElementById("iv_mainTitle").innerHTML += "Suche nach: "+document.getElementById("imageSearchText").value+" ("+numOfMapImages()+")";
				document.getElementById("imageSearchText").value = "";
				gSavedUserTitle = document.getElementById("iv_mainTitle").innerHTML;
				document.getElementById("iv_mainImage").innerHTML = buildMapOverview();
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}	
}


function processImageReqContestImages()
{
	var err = 0;
	
    if (gImage_request.readyState == 4) {
        // only if "OK"
        if (gImage_request.status == 200) {
			if (gImage_request.responseText.length > 0) {
				var items = gImage_request.responseXML.getElementsByTagName("image");

				document.getElementById("iv_mainImage").style.left = "35px";
				document.getElementById("iv_mainImage").style.width = "530px";		// 640


				if (gImageMapArray)
					delete gImageMapArray;

				gImageMapArray = new Array();
				gImageMapArrayCurPos = 0;
					
				var tiid, fname, caption, author, datum, tid, utid, trackName, full_fname, rating, uid, obj;
				var i;
				for (i = 0; i < items.length; i++) {
					tiid = parseInt(getElementTextNS("", "tiid", items[i], 0),10);
					utid = parseInt(getElementTextNS("", "utid", items[i], 0),10);
					fname = getElementTextNS("", "fname", items[i], 0);
					caption = decodeURIComponent(getElementTextNS("", "caption", items[i], 0));
					author = getElementTextNS("", "nickname", items[i], 0);
					datum = getElementTextNS("", "datum", items[i], 0);
					tid = parseInt(getElementTextNS("", "tid", items[i], 0),10);
					uid = parseInt(getElementTextNS("", "uid", items[i], 0),10);
					trackName =  getElementTextNS("", "name", items[i], 0);
					rating = parseInt(getElementTextNS("", "rating", items[i], 0),10);

					obj = new Object();
					obj.tiid = tiid;
					obj.tid = tid;
					obj.utid = utid;
					obj.fname = fname;
					obj.caption = caption;
					obj.author = author;
					obj.uid = uid;
					obj.datum = datum;
					obj.name = trackName;
					obj.rating = rating;
					gImageMapArray.push(obj);

				}
				document.getElementById("iv_mainTitle").innerHTML += "Bilder für die Fotowettbewerb-Periode: "+document.getElementById("imageSearchText").value+" ("+numOfMapImages()+")";
				gSavedUserTitle = document.getElementById("iv_mainTitle").innerHTML;
				document.getElementById("iv_mainImage").innerHTML = buildMapOverview();
			}
		}
		else {
			alert("Failed to retrieve data (" + gImage_request.status + "/" + err + ")");
		}
	}
	else {
	}	
}



function buildMapOverview() 
{
	document.getElementById("iv_mainImage").style.left = "35px";
	document.getElementById("iv_mainImage").style.width = "530px";

	var row = 0;
	var full_fname;
	var txt = "<table width='100%' border='0' cellspacing='0' cellpadding='3'>";
	for (var i=0; i < gImageMapArray.length;i++) {
		if (row == 0)
			txt += "<tr>";

		full_fname = gSiteURL + "/usr-img/s080/s080_" + gImageMapArray[i].fname;
		txt += "<td><img src='" + full_fname + "' class='imgBorder' width='80' height='80' style='cursor:pointer' onclick='gFromMapPage=true;arrowImageViewMapBox(event,"+i+");' />";
		txt += "</td>";
		row++;
					
		if (row == 0)
			txt += "</tr>";
					
		if (row == 5)
			row = 0;
	}
	txt += "</table>";
	return txt;
}


function numOfMapImages()
{
	if (gImageMapArray.length <= 0)
		return "<span class='messageYellow'>"+getLocStr('keine Bilder gefunden')+"</span>";
	else
		if (gImageMapArray.length == 1)
			return getLocStr('1 Bild');
		else
			return gImageMapArray.length+" "+getLocStr('Bilder');
}



function hideOverlay()
{
	
	var objOverlay = document.getElementById("overlay");
	objOverlay.style.display = 'none';	
}