$(function() {
	var $overlay = $('#gt_overlay');
	var $galleries = $('#gt_galleries');
	
	$('.gallery_link').bind('click',function()
	{
		$overlay.show();
		
		gallery_id  = this.id;
		$.get('index.php',{'page':'json','query':'gallery','id':gallery_id},function(data){
			var picture_count = data.pictures.length;
			
			var pictures = data.pictures.sort(function (a, b) {
				return a.PhotoNr - b.PhotoNr;
			})
			
			for(var i = picture_count - 1; i >= 0; i--)
			{
				var file = pictures[i].PhotoName;
				var path = data.gallery.Path;
				$('<img/>')
					.load(function(){
						var $img = $(this);
						resizeCenterImage($img);
						var r		= Math.floor(Math.random()*41)-20;
						$img.css({
							'-moz-transform'	:'rotate('+r+'deg)',
							'-webkit-transform'	:'rotate('+r+'deg)',
							'transform'			:'rotate('+r+'deg)'
						});
					})
					.attr
					({
						src: path+'/'+file
					})
					.appendTo($galleries)
					.bind('click',function(){

var $current 	= $galleries.find('img:last');
var r			= Math.floor(Math.random()*41)-20;

/*var currentPositions = {
	marginLeft	: $current.css('margin-left'),
	marginTop	: $current.css('margin-top')
}
var $new_current = $current.prev();
$current.animate({
	'marginLeft':'200px'
},250,function(){
	$(this).insertBefore($galleries.find('img:first'))
		   .css({
				'-moz-transform'	:'rotate('+r+'deg)',
				'-webkit-transform'	:'rotate('+r+'deg)',
				'transform'			:'rotate('+r+'deg)'
			})
		   .animate({
				'marginLeft':currentPositions.marginLeft,
				'marginTop'	:currentPositions.marginTop
				},250);
});

$new_current
		   .css({
				'-moz-transform'	:'rotate(0deg)',
				'-webkit-transform'	:'rotate(0deg)',
				'transform'			:'rotate(0deg)'
				});*/
});

					
					
					
					
					
			}
		},'json');
		$galleries.show();
	});
	
	/*$galleries.bind('click',function(){
		$galleries.find('img').remove();
		$galleries.hide();
		$overlay.fadeOut(400);
	});*/
});



	function resizeCenterImage($image){
		var theImage 	= new Image();
		theImage.src 	= $image.attr("src");
		$image.css({
			'margin-top'	:-(theImage.height/2)-10+'px',
			'margin-left'	:-(theImage.width/2)-10+'px'	
		});
	}