var newHTML,div,p1,p2;

function loadComments ( id, page ) {
	if ( !page ) page = 0;
	document.getElementById('comentarios').innerHTML = 'Carregando...';
	new Ajax("_php/galleryLoadComments2.php?id="+id+"&page="+page, {
			 	method: 'get',
				update: 'comentarios',
				onComplete: function() {
					paginateComments(id,page);
				}
			 }).request();
}

function loadComments2 ( id, page ) {
	if ( !page ) page = 0;
	document.getElementById('comentarios').innerHTML = 'Carregando...';
	new Json.Remote("_php/galleryLoadComments.php?id="+id+"&page="+page, {
					method: 'get',
				 	onComplete: function(infos) {
						newHTML = "<div class='titulo_fotos4'>Coment&aacute;rios</div>";
						if ( infos.comentarios == "no_comments" ) {
							newHTML += "no_comments";
						} else {
							infos.comentarios.each(function(el){
								div = new Element('div',{'id':'comentario_list'});
								p1 = new Element('div', { 'id':'comentario_digitado'}).inject(div);
								p1b = new Element('em').inject(p1);
								p1b.setHTML(el.comentario);
								p2 = new Element('div', {'id':'comentario_autor'}).inject(div);
								p2.setHTML('Por <span class="azul_13b">'+el.autor+'</span> - '+el.hora+' | '+el.data);
								newHTML += div.innerHTML;
							});
						}
						if ( newHTML == "<div class='titulo_fotos4'>Coment&aacute;rios</div>no_comments" ) {
							newHTML = '<div class="titulo_fotos4">Coment&aacute;rios</div><div id="comentario_list">Foto n&atilde;o possui coment&aacute;rios<br /></div>';
							document.getElementById('box').style.display = 'none';
						} else {
							paginateComments(id,page);
							document.getElementById('box').style.display = 'block';
						}
						document.getElementById("comentarios").innerHTML = newHTML;
					}
				 }).send();
	
}

function paginateComments (id,page) {
	if ( !page ) page = 0;
	if ( !id ) return;
	
	new Json.Remote("_php/galleryCommentsPagination.php?id="+id+"&page="+page, {
						method: 'get',
						onComplete: function (obj) {
							if ( obj.pagination == "false" ) {
								document.getElementById('box').style.display = 'none';
								return;
							} else
								document.getElementById('box').style.display = 'block';
							// página anterior: obj.page_prev
							// página seguinte: obj.page_next
							// cada página [obj.each{
							// 		obj.page.page
							//		obj.page.select
							// }
							
							var pagination = new Element('span'), bt, tx;
							
							/*
								Prev Page Code
							*/
							
							if ( obj.page_prev == 'false' ) {
								bt = new Element('span',{'class':'branco_14b'}).inject(pagination);
								bt.setHTML('<');
								tx = new Element('span').injectAfter(bt);
								tx.setHTML('&nbsp;&nbsp;&nbsp;&nbsp;');
							} else {
								bt = new Element('a',{'href':'javascript:;','rel':obj.page_prev,'id':'prev_btn_comments','class':'branco_14b'}).inject(pagination);
								bt.setHTML('<');
								tx = new Element('span').injectAfter(bt);
								tx.setHTML('&nbsp;&nbsp;&nbsp;&nbsp;');
							}
							
							/*
								Prev Page Code
							*/
							
							
							/* ==========================================
							           		  Pages Cycle
							 ============================================= */
							 
							 var i_pages = 0;
							 
							 obj.page.each ( function (pag){
							 	if ( pag.select == true )
								{
									bt = new Element('span', {
													'class':'branco_14b',
													'rel':false,
													'id':'pag_'+i_pages++
												}).inject(pagination);
									bt.setHTML(pag.page+1);
									tx = new Element('span').injectAfter(bt);
									tx.setHTML('&nbsp;&nbsp;&nbsp;&nbsp;');
								}
								else if ( pag.select == false )
								{
									bt = new Element('a', {
													'href':'javascript:;',
													'rel':pag.page,
													'class':'branco_14b',
													'id':'pag_'+i_pages++
												}).inject(pagination);
									bt.setHTML(pag.page+1);
									tx = new Element('span').injectAfter(bt);
									tx.setHTML('&nbsp;&nbsp;&nbsp;&nbsp;');
								}
							 });
							 
							/* ==========================================
							          		  Pages Cycle
							============================================= */
							
							
							/*
								Next Page Code
							*/
							
							if ( obj.page_next== 'false' ) {
								bt = new Element('span',{'class':'branco_14b'}).inject(pagination);
								bt.setHTML('>');
							} else {
								bt = new Element('a',{'href':'javascript:;','rel':obj.page_next,'id':'next_btn_comments','class':'branco_14b'}).inject(pagination);
								bt.setHTML('>');
							}
							
							document.getElementById("box").innerHTML = pagination.innerHTML;
							for ( x = 0; x < i_pages; x++ ) {
								document.getElementById("pag_"+x).onclick = function() {	
									if ( this.getAttribute('rel') != 'false' ) {
										loadComments(id,this.getAttribute('rel'));
									}
								}
							}
							
							gE('next_btn_comments').onclick = function () {
									var next = $('next_btn_comments');
									if ( next.getProperty('rel') ) {
										if ( next.getProperty("rel") != "false" ) {
											loadComments(id,next.getProperty('rel'));
										}
									}
							}
							gE('prev_btn_comments').onclick = function () {
									var prev = $('prev_btn_comments');
									if ( prev.getProperty('rel') ) {
										if ( prev.getProperty('rel') != "false" ) {
											loadComments(id,prev.getProperty('rel'));
										}
									}
							}
							
							/*
								Next Page Code
							*/
							
						}
					}).send();
	
}

function loadPic (id, gid, el) {
	
		if ( id == null || id == "" ) return;
							
		var _url = "_php/gallery.get.pic.php?id="+id+"&gid="+gid;
		
		var ajaxConnection = new Ajax ( _url, {
													method: 'get',
													update: $('log'),
													onComplete: function() {
														/*
														$$('.loadImg').each(function(t){ t.setStyle('border','none'); t.setStyle('margin','0px'); });
														if ( el ) {
															el.setStyle('border','2px solid #f00');
															el.setStyle('margin','-2px');
															el.focus();			
														}
														*/
														$('img_album').setHTML("<img src='_imgs/blank.gif' style='width: 507px; height: 338px; background-image: url(_imgs/loading.gif); background-position: center center; margin-top: 2px; *margin-top: 4px;' />");
														var img = Json.evaluate(gE('log').innerHTML);
														$('log_gallery').setHTML(img.galeria);
														galeria = img.galeria;
														
														/*
															Carrega comentários
														*/
														
															// seta ID no comentário para o momento que for enviar
															
															$('comment_id').setProperty('value',img.id);
															
															// Carrega os comentários
														
															loadComments(img.id);
														
														/* 
															BTNS de Anterior e Próximo
														*/
														
														obj_prev_id = img.previd;
														obj_next_id = img.nextid;
														if ( !obj_prev_id )
															$('btn_prev').setStyle('display','none');
														else {
															$('btn_prev').setStyle('display','');
															$('btn_prev').setProperty('rel',obj_prev_id);
															$('btn_prev').setProperty('rel_gid',img.galeria);
														}
														if ( !obj_next_id )
															$('btn_next').setStyle('display','none');
														else {
															$('btn_next').setStyle('display','');
															$('btn_next').setProperty('rel',obj_next_id);
															$('btn_next').setProperty('rel_gid',img.galeria);
														}
														
														/* 
															BTNS de Anterior e Próximo
														*/
														
														gE('votevideo').innerHTML = img.votos+" voto(s) - vote nesta foto";
														if ( img.infos == "" ) img.infos = "&nbsp;";
														if ( img.infos.length > 45 )
															gE('title_princ').innerHTML = img.infos.substr(0,45)+"...";
														else
															gE('title_princ').innerHTML = img.infos;
														//gE('data_princ').innerHTML = img.data;
														gE('desc_princ').innerHTML = (img.descricao == '' || img.descricao == null) ? '&nbsp;' : img.descricao;
														gE('bread_crumbs').innerHTML = '<a href="?p=fotos" class="cinza11b">Fotos</a> > '+img.galeria_nome+' > '+img.infos;
														$('votevideo').setProperty('rel',img.id);
														$('votevideo').setHTML(img.votos+' voto(s) - vote nesta foto');
														new Asset.image("thumbs.php?imagem=../storage/"+img.imagem+"&w=507", {
																					 	id: 'piclarge', 
																					 	title: img.infos, 
																					 	style: 'margin-top:2px; *margin-top:4px;',
																						onload: function() {
																							if ( img.largura == 507 && img.altura == 338 )
																							{
																								$('img_album').setHTML("<a id='click_large' rel_img='"+img.imagem+"' rel_infos='"+img.infos+"' onclick='Slimbox.open(\"thumbs.php?imagem=../storage/"+img.imagem+"&w=800\", \""+img.descricao+"\");' href='javascript:;'><img src='../storage/"+img.imagem+"' style='margin-top:2px; border:0px; *margin-top: 4px;' title='"+img.infos+"' id='piclarge_"+id+"' /></a>");
																							}
																							else
																							{
																								$('img_album').setHTML("<a id='click_large' rel_img='"+img.imagem+"' rel_infos='"+img.infos+"' onclick='Slimbox.open(\"thumbs.php?imagem=../storage/"+img.imagem+"&w=800\", \""+img.descricao+"\");' href='javascript:;'><img src='thumbs.php?imagem=../storage/"+img.imagem+"&w=507' style='margin-top:2px; border:0px; *margin-top: 4px;' title='"+img.infos+"' id='piclarge_"+id+"' /></a>");
																							}
																						}
																					 });														
														window.location.href = "?p=fotos#"+img.galeria+"/"+id;
													}
		}).request();		
		
		
		
	}
var galeria, foto, obj_prev_id, obj_next_id;


window.addEvent('domready', function(){
	// content here
	var window_location = window.location.href;
	if ( window_location.contains("#") ) {
		var for_each = window_location.split("#");
		var the_split = for_each[1].split("/");
		
		// separando...
		
		 galeria = the_split[0];
		 foto = the_split[1];
		
			$('log_gallery').setHTML(galeria);
			
			callGallery(galeria,true,foto);
		
	} else {
			 
			 new Json.Remote("_php/galleryLastInfos.php", {
				 	onComplete: function(infos) {
						foto = infos.foto;
						galeria = infos.galeria;
						callGallery(galeria,true,foto);
					}
				 }).send();
	}
	
	window.addEvent('keydown', function(e) {
		if ( e.keyCode == 37 )
			loadPic(obj_prev_id, galeria, $('pic_'+obj_prev_id));
		if ( e.keyCode == 39 )
			loadPic(obj_next_id, galeria, $('pic_'+obj_next_id));
		if ( e.keyCode == 13 ) {
			var infos = $('click_large');
			Slimbox.open('thumbs.php?imagem=../storage/'+infos.getProperty('rel_img')+'&w=800',infos.getProperty('rel_infos'));
		}
	});
	
	$('btn_prev').addEvent('click', function() {
		var obj = $('btn_prev');
		loadPic(obj.getProperty('rel'),obj.getProperty('rel_gid'),$('pic_'+obj.getProperty('rel')));
	});
	
	$('btn_next').addEvent('click', function() {
		var obj = $('btn_next');
		loadPic(obj.getProperty('rel'),obj.getProperty('rel_gid'),$('pic_'+obj.getProperty('rel')));
	});
	
	$$('.loadImg').each(function(el){
		el.addEvent('click', function() {			
			var id = el.getProperty('rel');
			var gid = el.getProperty('rel_gid');
			loadPic(id,gid,el);
		});
	});
	
	function callGallery (id, load_init, foto) {
		$('campo_fotos_gal').setHTML("Carregando galeria...");
		new Json.Remote( "_php/loadGallery.php?id="+id, {
			method: "get",
			onComplete: function(log) {
				// Marca o select da galeria
				gE('sel_galeria').value = id;
				
				var el = new Element('table', {'cellpadding':'0','cellspacing':'0', 'border':'0'});
				var tr = new Element('tr').inject(el);
					var count = 0;
					log.imagens.each(function(img){
					if ( count == 3 ) {
						tr = new Element('tr').inject(el);
						count = 0;
					}
					var td = new Element('td',{'valign':'top','class':'tabela_videos','height':92}).inject(tr);
					
					var image = new Element('img', {
												'styles': {
													'float':'left',
													'width':115,
													'height':86,
													'margin-right': 5,
													'margin-bottom': 6,
													'background-position':'center top',
													'background-image':'url(thumbs.php?imagem=../thumbs/'+img.imagem+'&w=140)'
												},
												'src': '_imgs/blank.gif',
												'border':0,
												'align':'absmiddle',
												'class':'loadImg',
												'rel_gid':img.galeria,
												'rel':img.id,
												'id':'pic_'+img.id
											});
					
					var a = new Element('a', {'href':'javascript:;', 'title':img.infos}).inject(td);
					
					count++;
					
					image.inject(a);
					
					});
					
					$('campo_fotos_gal').empty();
					var element = new Element('table', {'cellspacing':'0','cellpadding':'0','border':'0'}).inject($('campo_fotos_gal'));
					el.inject(element);
//					$('campo_fotos_gal').setText(element.innerHTML);
					document.getElementById("campo_fotos_gal").innerHTML = element.innerHTML;
					var uV = document.getElementById("campo_fotos_gal");
					var listA = uV.getElementsByTagName("a");
					for(var i = 0, x = listA.length; i<x; i++){

							listA[i].onclick = function(){
								var getEl = $(this.firstChild.id);
								loadPic(this.firstChild.id.substr(4), getEl.getProperty('rel_gid'), getEl);
							}
							
					}
					if ( load_init == true ) {
						loadPic(foto, galeria, gE('pic_'+foto));
					}	
					
				}
					
			}).send();
	}
	
	
	$('sel_galeria').addEvent('change', function() {			
		var id = $('sel_galeria').getProperty('value');
		callGallery(id);
	});
	
	
});