var mainGalleryName = null;
var subGalleryName 	= null;
var mainGalleryID = null;
var subGalleryID 	= null;
var photo 		= null;
var image 		= null;
var url		 	= null;
var thumbsIterator=0;
var maxThumbs=10;

function onReadyIndex()
{
  $('#thumbnails').removeClass('hidden');
	$('a#photoLink').attr('href','');
	$('#fgPhoto').addClass('fgPhoto');
	$('#bgPhoto').addClass('bgPhoto');
	$('#fgPhoto').attr('src','');
	getRandomPhoto();
}

function getRandomPhoto()
{
	$.getJSON('/php/ajaxRandomPhoto.php', 
	{
	  oldPhotoId: photo!=null?photo.getID():null
	},
	function(ret) 
	{
	  evaluateResult(ret);
	  window.setTimeout(function(){getRandomPhoto();}, 5000);
	});
}

function evaluateResult(ret)
{
  updateThumbs();
  
  mainGalleryName = ret.mainGalleryName;
  subGalleryName  = ret.subGalleryName;
  mainGalleryID   = ret.mainGalleryID;
  subGalleryID    = ret.subGalleryID;
  photo           = new CPhoto(ret.photo);
  url             = ret.urlHomeImage;
  
  updatePhoto();
}

function updatePhoto()
{
	var fg = $('.fgPhoto');
	var bg = $('.bgPhoto');
	var tmp;
//	var galleryLink = $("#galleryLink .menuEntry");
	var photoLink = $("#photoLink");
	var fgImg = new Image();
	
	$(bg).css('opacity',0);
	$(bg).removeClass('bgPhoto');
	$(bg).addClass('fgPhoto');
	
	$(fg).addClass('bgPhoto');
	$(fg).removeClass('fgPhoto');
	
	tmp = bg;
	bg = fg;
	fg = tmp;
	
//	$(galleryLink).fadeTo(800,0, function()
//			{
//		var galleryUrl = '/galleryview.html#main='+mainGalleryID+'&sub='+subGalleryID+'&photo='+photo.getID();
//		$(photoLink).attr('href',galleryUrl)
//		$(galleryLink).attr('href',galleryUrl)
//		$(galleryLink).html(mainGalleryName+" / "+subGalleryName);
//		$(galleryLink).fadeTo(1500,1);
//			})
	var galleryUrl = '/galleryview.html#main='+mainGalleryID+'&sub='+subGalleryID+'&photo='+photo.getID();
	$(photoLink).attr('href',galleryUrl);
	
	$(fg).stop(true,true);
	$(fg).fadeTo(0,0);
	$(fg).attr('src',url);
	
	$(fgImg).load(function(){
	            $('#photoLinkBox').animate(
	                {
	                  'width':  fgImg.width,
	                  'height': fgImg.height
	                }, 200);
							$(bg).fadeTo(500,0);
							$(fg).fadeTo(1000,1);
						  }
			   ).attr('src',url);
}

function updateThumbs()
{
	if(photo!=null)
	{
		var thumb = $('#thumb'+thumbsIterator+' img');
		var link = $('#thumb'+thumbsIterator);
		var linkTarget = '/galleryview.html';
		var thumbUrl = photo.getThumbnailUrl();
		
		
		linkTarget += '#main=';
		linkTarget += photo.getMainID();
		linkTarget += '&sub=';
		linkTarget += photo.getSubID();
		linkTarget += '&photo=';
		linkTarget += photo.getID();
		
		$(link).attr('href',linkTarget);
		
		/*
		 * if no thumb img exists, create & add it
		 * otherwise - fadeout, set src, fadein
		 */
	  $(thumb).fadeTo(400,0,function()
	      {
	    $(thumb).attr('src', thumbUrl);
	    $(thumb).fadeTo(400,1);
	      });
		
		thumbsIterator++;
		thumbsIterator = thumbsIterator%maxThumbs;
	}
}