// pickers

function photoPicker(handler, retstring) {
	// retstring gets passed back to handler function
	// format: handlerfunction(photoid, filename, width, height, ret1, ret2 etc)
	if(retstring) {
		var nwstr = "&"+retstring;
	} else {
		var nwstr = "";
	}
	var script = OWN_ADDRESS+"/"+SYS_DIR+"/modules/photo/ajax/ajax.photopicker.php?pid="+PID+"&lang="+LANG+"&handler="+handler+nwstr;
	var fhandler = showPhotoPicker;
	var args = new Array();
	ajaxSendGet(script, fhandler, args);
}

function showPhotoPicker(args) {
	var pickPop = standardPop("phpick", "popbase_r", "popbar_r", "Kies een foto:", true);
	pickPop.fill(args["response"]);
	pickPop.setWidth(800);
	pickPop.center();
	pickPop.show();
	pickPop.center();
}

function albumPicker(handler, retstring, mult, selected) {
	// retstring gets passed back to handler function
	// format: handlerfunction(albumid, ret1, ret2 etc)
	var nwstr = "";
	
	if(retstring) {
		nwstr += "&"+retstring;
	}
	if(mult) {
		nwstr += "&multi=true";
	}
	if (selected) {
		nwstr += "&selected="+selected;
	}

	var script = OWN_ADDRESS+"/"+SYS_DIR+"/modules/photo/ajax/ajax.albumpicker.php?pid="+PID+"&lang="+LANG+"&handler="+handler+nwstr;
	var fhandler = showAlbumPicker;
	var args = new Array();
	ajaxSendGet(script, fhandler, args);
}

function selectMultiAlbumsFromPikcer(availalbums) {
	
	var albums = availalbums.split(",");
	var selalbums = "";
	for (var i=0; i<albums.length; i++) {
		
		if (document.getElementById("selectmultialbums"+albums[i]).checked == true) {
			if (selalbums.length > 0)
				selalbums += ",";
			selalbums += albums[i];
		}
	}
	
	return selalbums;
}

function showAlbumPicker(args) {
	var pickPop = standardPop("alpick", "popbase_r", "popbar_r", "Kies een album:", true);
	pickPop.fill(args["response"]);
	pickPop.setWidth(400);
	pickPop.center();
	pickPop.show();
	pickPop.center();
}

function ph_scrollAlbum(but, divid, side) {
	var ddiv = document.getElementById(divid);
	//but.src = 'images/remote/btn_up_down<? echo $ext; ?>';
	but.onmouseup = function() {
		clearInterval(but.intv);
		// but.src = 'images/remote/btn_up_up<? echo $ext; ?>';
	}
	but.onmouseout = function() {
		clearInterval(but.intv);
		// but.src = 'images/remote/btn_up_up<? echo $ext; ?>';
	}
	if(side == 'left') {
		but.intv = setInterval("document.getElementById('"+divid+"').scrollLeft-=10", 100);
	} else {
		but.intv = setInterval("document.getElementById('"+divid+"').scrollLeft+=10", 100);
	}
}

// album view
function ph_albumView(album, pic, event, info, dmap) {

	var kpop;
	if(kpop = document.getElementById("ph_alview_"+album)) {
		kpop.destroy();
	}
	/*
	var wmleft = false;
	var wmtop = false;
	if(event) {
		var wmleft = getMouseX(event);
		var wmtop = getMouseY(event);
	}
	*/
	var ds = (dmap)?dmap:0;
	var binfo = (info)?'1':'0';
	var gets = "pid="+PID+"&lang="+LANG+"&album="+album+"&pic="+pic+"&info="+binfo+"&dmaps="+ds;
	var script = OWN_ADDRESS+"/"+SYS_DIR+"/modules/photo/ajax/ajax.albumview.php?"+gets;
	var handler = ph_showAlbumView;
	var args = new Array();
	args["album"] = album;
	/*
	args["wmtop"] = wmtop;
	args["wmleft"] = wmleft;
	*/
	ajaxSendGet(script, handler, args);			
}

function ph_showAlbumView(args) {
	
	unablePage("ph_alview_"+args["album"]);
	
	var viewer = dPopup("ph_alview_"+args["album"], "document_");
	viewer.innerHTML = "<div style='background-color: white; width: 500px;'>"+args["response"]+"</div>";
	viewer.style.zindex = 8;
	viewer.center();
	viewer.style.display = "block";
	viewer.center();

	/*
	var cw = (getWindowWidth() / 2);
	var bw = (viewer.offsetWidth / 2);
	viewer.style.left = (cw - bw) + "px";

	var Btop = 200;
	
	if(Btop < 0) {
		viewer.style.top = "0px";
	} else {
		viewer.style.top = Btop + "px";
	}
	*/

	$("ph_albumviewer_slideshow").ready( function() {
		ph_albumViewer_move();
		//viewer.center();
		document.getElementById("ph_albumviewer_close").style.display = "block";
		document.getElementById("ph_albumviewer_photo_name").style.color = "#555555";
			
		document.getElementById("ph_albumviewer_close").onclick = function() {
			enablePage("ph_alview_"+args["album"]);			
			viewer.destroy();
		}
	});
}

function ph_albumViewer_moveLeft() {
	var curPos = document.getElementById("p_albumviewer_curpos").value -0;
	var maxPos = document.getElementById("p_albumviewer_maxpos").value -0;
	if (curPos-1 >= 0)
		curPos--;
	else
		curPos = maxPos-1;
	document.getElementById("p_albumviewer_curpos").value = curPos;
	ph_albumViewer_move();
}

function ph_albumViewer_moveRight() {	
	var curPos = document.getElementById("p_albumviewer_curpos").value -0;
	var maxPos = document.getElementById("p_albumviewer_maxpos").value -0;
	if (curPos+1 < maxPos)
		curPos++;
	else
		curPos = 0;
	document.getElementById("p_albumviewer_curpos").value = curPos;
	ph_albumViewer_move();
}


function ph_showPicturePopup(url, width, height) {

	unablePage("ph_picview");

	if (width > 800)
		width = 800;

	var viewwidth = (width-1) + 5;
	
	var viewer = dPopup("ph_picview", "document_");
	viewer.setWidth(viewwidth);
	viewer.innerHTML = "<div id='ph_picview_close' style='background-color: white; padding: 2px;'><img src='"+ url+"' style='width: " + width + "px;'><div style='text-align: right; padding: 6px;'><span style='cursor: pointer; color: #555555; font-weight: bold;'>Close</span></div></div>";
	viewer.style.zindex = 8;
	viewer.style.display = "block";

	var cw = (getWindowWidth() / 2);
	var bw = (viewer.offsetWidth / 2);
	viewer.style.left = (cw - bw) + "px";

	var Btop = 100;
	
	if (Btop < 0) {
		viewer.style.top = "0px";
	} else {
		viewer.style.top = Btop + "px";
	}

	document.getElementById("ph_picview_close").onclick = function() {
		enablePage("ph_picview");			
		viewer.destroy();
	}
}


function ph_albumViewer_move() {
	document.getElementById("ph_albumviewer_slideshow").style.display = "block";
	var curPos = document.getElementById("p_albumviewer_curpos").value-0;
	var maxPos = document.getElementById("p_albumviewer_maxpos").value-0;
	var slideWidth = document.getElementById("p_albumviewer_swidth").value;
	var thumbWidth = document.getElementById("p_albumviewer_twidth").value;
	for (var i=0; i<maxPos; i++) {
		document.getElementById("p_album_thumb_pos_"+i).style.borderColor = "#AAAAAA";
		document.getElementById("p_album_thumb_pos_"+i).bgColor = "#AAAAAA";
	}
	document.getElementById("p_album_thumb_pos_"+curPos).style.borderColor = SYS_COLORS[0]["value"];
	document.getElementById("p_album_thumb_pos_"+curPos).bgColor = SYS_COLORS[0]["value"];
	document.getElementById("ph_albumviewer_photo_name").innerHTML = document.getElementById("ph_albumviewer_photo_name_"+curPos).value;
	$('#ph_albumviewer_slideshow').animate({'marginLeft' : (slideWidth*curPos)*-1});
	try {
		$('#ph_albumviewer_slideshow_thumbs').animate({'marginLeft' : (thumbWidth*(curPos-2))*-1});
	} catch(e) {}
}

function ph_aMouseOver(elem) {
	var ow = elem.width;
	var oh = elem.height;
	elem.style.borderWidth = '0';
	elem.style.width = (ow + 8) + 'px';
	elem.style.height = (oh + 8) + 'px';
}

function ph_aMouseOut(elem) {
	if(!elem.freshselect) {
		elem.style.borderWidth = '4px';
		elem.style.width = (elem.width - 8) + 'px';
		elem.style.height = (elem.height - 8) + 'px';
	} else {
		elem.freshselect = false;
	}
}

function ph_aBrowseOne(album, side, info) {
	var pcinp = document.getElementById("ph_sel_pic_"+album);
	var ord = document.getElementById("ph_idstring_"+album).value.split("_");
	var i, current;
	for(i = 0; i < ord.length; i++) {
		current = i;
		if(ord[i] == pcinp.value) {
			break;
		}
	}
	var nwsel;
	if(side == 'left') {
		if(ord[i - 1]) {
			nwsel = ord[i - 1];
		} else {
			nwsel = ord[ord.length - 1];
		}
	} else {
		if(ord[i + 1]) {
			nwsel = ord[i + 1];
		} else {
			nwsel = ord[0];
		}
	}
	var pdat = document.getElementById("ph_albthumb_file_"+nwsel).value.split("%");
	var mdiv = document.getElementById("ph_aview_main_"+album);
	var pname = document.getElementById("ph_albthumb_name_"+nwsel).value;
	var nimg = '<img src="'+OWN_ADDRESS+'/images/photo/previews/'+pdat[4]+'"';
	nimg += ' class="photo_albumview_main"';
	nimg += ' onclick="javascript: popMyImage(\'ph_av_'+album+'\', \''+pname+'\', \''+OWN_ADDRESS+'/images/photo/'+pdat[4]+'\');"';
	nimg += ' style="width: '+pdat[0]+'px; height: '+pdat[1]+'px;" />';

	mdiv.innerHTML = nimg;
	document.getElementById("ph_albthumb_"+nwsel).className = "photo_albumview_thumb_sel";
	document.getElementById("ph_albthumb_"+pcinp.value).className = "photo_albumview_thumb";
	pcinp.value = nwsel;

	if (side == 'left') {
		if ((current-3) || (current-3 === 0))
			var newanch = current-3;
		else if ((current-2) || (current-2 === 0))
			var newanch = current-2;
		else
			var newanch = current-1;
	} else {
		if (current+3)
			var newanch = current+3;
		else if (current-2)
			var newanch = current+2;
		else
			var newanch = current+1;
	}

	if (newanch < 0)
		ph_anchorPhoto(nwsel);
	else if (newanch > ord.length)
		ph_anchorPhoto(nwsel);
	else
		ph_anchorPhoto(ord[newanch]);

	if(info) {
		var pdesc = document.getElementById("ph_albthumb_desc_"+nwsel).value;
		document.getElementById("ph_pic_name_"+album).innerHTML = pname;
		document.getElementById("ph_pic_desc_"+album).innerHTML = pdesc;
	}
}


function ph_albSelectPic(elem, id, album, info) {
	var pcinp = document.getElementById("ph_sel_pic_"+album);
	if(pcinp.value == id) {
		return false;
	}
	var pdat = document.getElementById("ph_albthumb_file_"+id).value.split("%");
	var mdiv = document.getElementById("ph_aview_main_"+album);
	var pname = document.getElementById("ph_albthumb_name_"+id).value;
	var nimg = '<img src="'+OWN_ADDRESS+'/images/photo/previews/'+pdat[4]+'"';
	nimg += ' class="photo_albumview_main"';
	nimg += ' onclick="javascript: popMyImage(\'ph_av_'+album+'\', \''+pname+'\', \''+OWN_ADDRESS+'/images/photo/'+pdat[4]+'\');"';
	nimg += ' style="width: '+pdat[0]+'px; height: '+pdat[1]+'px;" />';

	elem.className = "photo_albumview_thumb_sel";
	elem.style.borderWidth = '4px';
	elem.style.width = (elem.width - 8) + 'px';
	elem.style.height = (elem.height - 8) + 'px';
	elem.freshselect = true;

	mdiv.innerHTML = nimg;
	document.getElementById("ph_albthumb_"+pcinp.value).className = "photo_albumview_thumb";
	pcinp.value = id;

	if(info) {
		var pdesc = document.getElementById("ph_albthumb_desc_"+id).value;
		document.getElementById("ph_pic_name_"+album).innerHTML = pname;
		document.getElementById("ph_pic_desc_"+album).innerHTML = pdesc;
	}
	
	ph_anchorPhoto(pcinp.value);
}

function ph_anchorPhoto(who) {
	document.location.hash = "#ph_albthumb_"+who;
	document.location.hash = '#anchor_photo_album_viewer';
}