/*
	#################################################
	#    Auto: Thiago Silva (Pedreiro Digital)      #
	#         www.pedreirodigitalweb.com.br         #       
	#################################################
*/

var imagem = new Image(); 
var albuns = new Array();
var titulos = new Array();
var ids = new Array();
var urls = new Array();
var idGaleria = 0;

var id_galeria;
var Width;
var Height;
var Width_Metade;
var Height_Metade;
var imagens = new Array();
var fotos = new Array();
var legendas = new Array();
var IMG = new Image();
var porcento;

var galerias = function()
{
}

galerias.prototype.setAlbuns = function(imagens,total)
{
	var explode = imagens.split('|');
	for(i=0; i<explode.length; i++)
	{
		var separar = explode[i].split(';');
		albuns.push(separar[1]);
		titulos.push(separar[0]);
		ids.push(separar[2]);
		urls.push(separar[3]);
	}
	
	if(explode[0] != '')
	{
		galerias.prototype.load_foto();
	}
	else
	{
		$('.galerias').html('<div style="text-align:center; margin-top:80px;">não há galerias</div>');
	}
	
	if(explode.length >= 2)
	{
		$('.ant').css({opacity:0.5});
		$('.ant').attr('disabled', true);
	}
	else
	{
		$('.ant').css({opacity:0.5});
		$('.ant').attr('disabled', true);
		$('.pro').css({opacity:0.5});
		$('.pro').attr('disabled', true);
	}
		
	
	$('.foto').click
	(
		function()
		{
			window.location = host+'galeria/album/'+$('.foto').attr('id')+'/'+urls[idGaleria];
		}
	);
}

galerias.prototype.passarGaleria = function(direcao)
{
	switch(direcao)
	{
		case 'ant':
			idGaleria--;
			if(idGaleria <= 0)
			{
				$('.ant').css({opacity:0.5});
				$('.ant').attr('disabled', true);
			}
			$('.pro').css({opacity:1});
			$('.pro').attr('disabled', false);
		break;
		case 'pro':
			idGaleria++;
			if(idGaleria >= (albuns.length-1))
			{
				$('.pro').css({opacity:0.5});
				$('.pro').attr('disabled', true);
			}
			$('.ant').css({opacity:1});
			$('.ant').attr('disabled', false);
		break;
	}
	$('.preloader').animate({opacity:1},galerias.prototype.load_foto);
}

galerias.prototype.load_foto = function()
{
	imagem.src = host + 'thumb.php?arquivo=painel/uploads/galerias/'+albuns[idGaleria]+'&largura=150&altura=100';
	imagem.onload = galerias.prototype.exibir_foto;
}

galerias.prototype.exibir_foto = function()
{
	$('.foto').attr('id',ids[idGaleria]);
	$('.legenda').html(titulos[idGaleria]);
	$('.preloader').animate({opacity:0});
	$('.foto').css({background:'url('+imagem.src+')'});
}

galerias.prototype.ampliar_foto = function(param)
{
	porcento = screen.height > 768 ? '50' : '50';
	
	Width = 42;
	Height = 42;
	Width_Metade = Width / 2;
	Height_Metade = Height / 2;
		
	id_galeria = param.id;
	
	var i = 0;
	$('.thumb_foto').each
	(
		function()
		{
			imagens.push($(this));
			legendas.push($(this).attr('title'));
			i++;
		}
	);
	
	$('#conteiner').empty();
	$('#conteiner').append('<div class="ampliada"></div>');
	$('#conteiner').append('<div class="botoes"><button onclick="utils.prototype.passa_foto(0)" class="ant"></button><button onclick="utils.prototype.fechar_foto()" class="fechar"></button><button onclick="utils.prototype.passa_foto(1)" class="pro"></button></div>');
	$('#conteiner .botoes').hide();
	$('#conteiner').append('<div class="legenda"></div>');
	
	$('#conteiner').hide();
	
	$('#conteiner .ampliada').css
	(
		{
			background:'url('+host+'images/preloader.gif) no-repeat center'
		}
	);
	
	$('#conteiner').animate
	(
		{
			opacity:1,
			width:Width,
			height:Height,
			marginLeft:'-'+Width_Metade+'px',
			marginTop: '-'+Height_Metade+'px'
		}
		,500,
		function()
		{
			$('#conteiner .ampliada').css
			(
				{
					width:Width,
					height:Height
				}
			);
			
			IMG.src = host + 'thumb.php?arquivo=painel/uploads/galerias/'+imagens[id_galeria].attr("dynsrc")+'&porcento='+porcento+'%25';
			IMG.onload = utils.prototype.exibir_foto;
		}
	);
	
	$("#mascara").css({display:'block'});
	$("#conteiner").css({display:'block'});
	$("#mascara").css({opacity:0});
	$("#conteiner").css({opacity:0});
	
	$('#mascara').animate
	(
		{
			opacity: 0.6
		}
		,500,
		function()
		{
			$('#conteiner').animate
			(
				{
					opacity: 1
				}
			);	
		}
	);
}

utils.prototype.exibir_foto = function()
{
	Width = IMG.width;
	Height = IMG.height;
	Width_Metade = Width / 2;
	Height_Metade = Height / 2;
	
	$('.legenda').html(legendas[id_galeria]);
	
	$('#conteiner .ampliada').animate
	(
		{
			opacity:0
		}
		,500,
		function()
		{
			$('#conteiner').animate
			(
				{
					width:Width,
					height:Height,
					marginLeft:'-'+Width_Metade+'px',
					marginTop: '-'+Height_Metade+'px'
				}
				,500,
				function()
				{
					$('.legenda').slideDown('slow');
					$('#conteiner .ampliada').css
					(
						{
							background:'url('+IMG.src+') no-repeat',
							width:Width,
							height:Height
						}
					);	
			
					$('#conteiner .ampliada').animate
					(
						{
							opacity:1
						}
						,500,
						function()
						{
							if(id_galeria>=(imagens.length-1))
							{
								$('#conteiner .pro').attr('disabled', true);
								$('#conteiner .pro').css({opacity:0.3});
							}
							else
							{
								$('#conteiner .pro').attr('disabled', false);
								$('#conteiner .pro').css({opacity:1});
							}
							
							if(id_galeria<=0)
							{
								$('#conteiner .ant').attr('disabled', true);
								$('#conteiner .ant').css({opacity:0.3});
							}
							else
							{
								$('#conteiner .ant').attr('disabled', false);
								$('#conteiner .ant').css({opacity:1});
							}
							
							$('#conteiner .botoes').slideDown('slow');
						}
					);
				}
			);
		}
	);
}

utils.prototype.passa_foto = function(tipo)
{
	porcento = screen.height > 768 ? '50' : '50';
	
	Width = 42;
	Height = 42;
	Width_Metade = Width / 2;
	Height_Metade = Height / 2;
	
	$('.legenda').slideUp('slow',function(){$('.legenda').empty();});
	
	switch(tipo)
	{
		case 0:
			id_galeria--;
		break
		case 1:
			id_galeria++;
		break;
	}
		
	$('#conteiner .botoes').slideUp
	(
	 	'slow',
		function()
		{
			$('#conteiner .ampliada').animate
			(
				{
					opacity:0
				}
				,500,
				function()
				{
					
					$('#conteiner').animate
					(
						{
							width:Width,
							height:Height,
							marginLeft:'-'+Width_Metade+'px',
							marginTop: '-'+Height_Metade+'px'
						}
						,500,
						function()
						{
							$('#conteiner .ampliada').css
							(
								{
									opacity:1,
									background:'url('+host+'images/preloader.gif) no-repeat center',
									width:Width,
									height:Height
								}
							);
							utils.prototype.novaFoto();
						}
					);
				}
			);
		}
	);
}

utils.prototype.novaFoto = function()
{
	IMG.src = host + 'thumb.php?arquivo=painel/uploads/galerias/'+imagens[id_galeria].attr("dynsrc")+'&porcento='+porcento+'%25';
	IMG.onload = utils.prototype.exibir_foto;
}

utils.prototype.fechar_foto = function()
{	
	imagens.length = 0;
	
	Width = 42;
	Height = 42;
	Width_Metade = Width / 2;
	Height_Metade = Height / 2;
	
	$('#conteiner .botoes').slideUp
	(
	 	'slow',
		function()
		{
			$('#conteiner .ampliada').animate
			(
				{
					opacity:0
				}
				,500,
				function()
				{
					
					$('#conteiner').animate
					(
						{
							width:Width,
							height:Height,
							marginLeft:'-'+Width_Metade+'px',
							marginTop: '-'+Height_Metade+'px'
						}
						,500,
						function()
						{
							$('#conteiner').animate
							(
								{
									opacity:0
								}
								,500,
								function()
								{
									$('#mascara').animate
									(
										{
											opacity:0
										}
										,500,
										function()
										{
											$('#mascara').hide();
											$('#conteiner').hide();
										}
									);									
								}
							);
						}
					);
				}
			);
		}
	);
}
