function show_modal_gallery(image) { 

	$(document).ready(function() { 
		var win = $("#modal_win");
		var gallery = $("#popup_gallery");
		win.css('display','block');
		gallery.css('display','block');
		$("html").css('overflow','hidden');

		var scrollPosition = $(window).scrollTop();
		win.css('top', scrollPosition);

		$('#big_gallery').cycle({startingSlide:parseInt(image), pause:1, timeout:0}); 
		
				
		var largura = parseInt(win.css('width'));
		var altura = parseInt($(window).height());

		var gallery_left = Math.round((largura/2)-parseInt(gallery.css('width'))/2);
		gallery.css('left', gallery_left);

		var gallery_top = Math.round(((win.height()-gallery.height())/2)+scrollPosition);
		gallery.css('top', gallery_top);

		return false;
	});

} 

function hide_modal_gallery() { 
	$(document).ready(function() { 
		$("#modal_win").css('display', 'none');
		$("#popup_gallery").css('display', 'none');
		$("html").css('overflow','auto');
		$('.the_image').removeShadow();
		$('#big_gallery').cycle('pause'); 
		return false;
	});
} 


function change_gallery_pics(valores) { 

	$(document).ready(function() { 
		var gallery = $("#big_gallery");
		var linhas = valores.split('*');
		gallery.html('');
		var conteudo = '';

		for(var i=0;i<linhas.length;i++) { 
			var dados = linhas[i].split('||');
			if(!empty(dados[0])) { 
				conteudo += "<div class='slide'><img src=\"http://www.forevermoretattoo.co.uk/gallery/img_"+dados[0]+"?>\" class='the_image' alt=\""+dados[1]+"\" /><p>"+dados[1]+"<p></div>"; 
			} 
		} 

		$("#big_gallery").html(conteudo); 
	});
}	

function change_thumbs(valores) { 

	change_gallery_pics(valores);

	$(document).ready(function() { 
		var thumbs = $("#gallery_canvas");
		var linhas = valores.split('*');
		thumbs.html('');
		var conteudo = '';

		for(var i=0;i<linhas.length;i++) { 
			var dados = linhas[i].split('||');
			if(!empty(dados[0])) { 
				conteudo += "<a href='JavaScript:show_modal_gallery("+i+")' class='popup_gallery' name='"+i+"'><img src=\"http://www.forevermoretattoo.co.uk/gallery/thumb_"+dados[0]+"\" width=\"98\" height=\"98\" alt=\"Thumbnail from "+dados[1]+"\"></a>";
			} 
		} 

		$("#gallery_canvas").html(conteudo); 
	});
}