//var _nr;
var __gallery;

function show_pic(id, nr, tag)
{
	//console.log("show_pic() picture_id: " + id + ", nr: " + nr);
	show_loading();
	
	var ajax       = new AJAX(); 
	ajax.url       = "template/php_requests/bilder.php?task=pic&id=" + id + "&nr=" + nr + "&tag=" + tag;
	ajax.response  = "json";
	ajax.onSuccess = show_pic_request;
	ajax.doRequest();
}

function show_pic_request(json)
{
	//console.log("show_pic_request() id: " + json.picture_id + ", nr: " + json.nr);
	
	try
	{
		__gallery = json; //für die Tatatur Navigation
		
		hide_loading();
		
		var el = document.getElementById('overlay');
		el.className = 'show_it';
		el.onclick = function() 
		{
			__close('picture'); 
		}
		
		document.onkeydown = _key_pressed;
		
		var s = getPageSize();
		var browser_w = s[2];
		var browser_h = s[3];
		//console.log(s[0] + "x" + s[1] + " / " + s[2] + "x" + s[3]);
		
		var el = document.getElementById('picture');
		el.className  = 'show_it';
		el.style.left = Math.round(((parseInt(browser_w) - 860) / 2)) + "px";
		
		var dom = new Dom(el);
		dom.delete_all_childs();		
		
		var n = parseInt(json.nr);
		dom.appendDiv(0, 'picture_left_close');
		dom.appendDiv(1, 'picture_left');
		
		if(n > 0)
		{
			dom.appendA(2, "javascript:show_pic("+json.gallery[(n-1)]+","+(n-1)+",'"+json.tag+"')", 'picture', '', '', 'zurück');
			dom.appendText(3, '<<');
		}
		dom.appendText(2, ' ' + (n + 1) + "/" + json.gallery.length + ' ');
		
		if((n + 1) < json.gallery.length)
		{
			dom.appendA(2, "javascript:show_pic("+json.gallery[(n+1)]+","+(n+1)+",'"+json.tag+"')", 'picture', '', '', 'vor');
			dom.appendText(3, '>>');
		}
		
		dom.appendDiv(1, 'picture_close');
		dom.appendA(2, "javascript:__close('picture')", '', '', '', 'schliessen');
		dom.appendImg(3, 'picture_close_img', 'template/pics/x.png');
		
		dom.appendBr(0);
		
		if(json.text) //wenn text zu diesem Bild vorhanden ist
		{
			dom.appendDiv(0, 'picture_text');
			dom.appendSpan(1, '', 'text_album');
			dom.appendText(2, json.text);
		}
		
		dom.appendImg(0, 'the_image', "pictures/" + json.folder + "/" + json.filename);

		if(json.w > 800) //Bild muss verkleinert dargestellt werden
		{
			document.getElementById('the_image').style.width  = "800px";
			document.getElementById('the_image').style.height = (json.w / 800) * json.h + "px";
		}
		
		//admin
		if(json.count)
		{
			dom.appendBr(0);
			dom.appendBr(0);
			dom.appendText(0, "picture_id: " + json.picture_id);
			dom.appendText(0, ", count: " + json.count);
			dom.appendText(0, ', filename ');
			dom.appendInput(0, 'filename', json.filename, 30);
			dom.appendBr(0);
			dom.appendText(0, 'TEXT');
			dom.appendBr(0);
			dom.appendTextArea(0, 'text', json.text, 80, 4);
			dom.appendBr(0);
			dom.appendText(0, "TAGS");
			dom.appendBr(0);
			for(var id in json.tags)
			{
				if(json.tags[id].selected == 'true')
					dom.appendCheckbox(0, "tag_" + id, '', true);
				else
					dom.appendCheckbox(0, "tag_" + id, '', false);
				
				dom.appendText(0, json.tags[id].name + ' ');
			}
			dom.appendBr(0);
			dom.appendText(0, 'neuer tag: ');
			dom.appendInput(0, 'new_tag', '', 30);
			dom.appendBr(0);
			dom.appendBr(0);
			dom.appendCheckbox(0, 'delete_image');
			dom.appendText(0, "delete this pic from db");
			
			dom.appendBr(0);
			dom.appendBr(0);
			dom.appendButton(0, "admin_save(" + json.picture_id + "," + json.nr + ")");
			dom.appendText(1, 'save');
		}
		
		//var size = getPageSize();
		//document.getElementById('overlay').style.height = size[1] + "px";	
	}
	catch(e)
	{
		console.log("show_pic_request() " + e);
	}
}


function _key_pressed(evt)
{
	var e = evt || window.event;
	var nr = parseInt(__gallery.nr);
	
	if(e.keyCode == 37 && nr != 0) //pfeil links
		show_pic(__gallery.gallery[nr - 1], (nr - 1), __gallery.tag);
	else if(e.keyCode == 39 && __gallery.nr < (__gallery.gallery.length - 1) ) //pfeil rechtes
		show_pic(__gallery.gallery[nr + 1], (nr + 1), __gallery.tag);
	else if(e.keyCode == 27) //esc
		__close('picture');
}


function admin_save(picture_id, nr)
{
	var filename      = document.getElementById('filename').value;
	var text          = document.getElementById('text').value;
	var new_tag       = document.getElementById('new_tag').value;
	var delete_image  = document.getElementById('delete_image').checked; //true oder false
	var tags_selected = '';
	
	var i = 0;
	while(i != -1)
	{
		i++;
		try
		{
			if(document.getElementById("tag_" + i).checked == true)
			{
				tags_selected += i + ",";
				i == -1;
			}
		}
		catch(e){i = -1;}
	}
	
	//console.log(tags_selected);
	
	var ajax       = new AJAX(); 
	ajax.url       = "template/php_requests/bilder.php?task=adminSave&picture_id=" + picture_id + "&nr=" + nr + "&filename="+ filename; 
	ajax.url      += "&text=" + text + "&tags=" + tags_selected + "&delete_image=" + delete_image + "&new_tag=" + new_tag;
	ajax.response  = "json";
	ajax.onSuccess = show_pic_request;
	ajax.doRequest();
}