//rebuild html
$(document).ready(function(){
	
	if($(".photoalbum_module").length){
		$(".photoalbum_module").each(function(){
			var cssID = 'album_' + uid();
			$(this).attr('id',cssID);
	
			$(this).find(".enlarge_mssg").css('display','none'); //KILL!!!
	
			h = self.location.href;
			x = h.match(/buttonID=([0-9]+)/);
			var buttonID = parseInt(x == null ? 0 : x[1]);
			x = h.match(/photoID=([0-9]+)/);
			var photoID = parseInt(x == null ? 0 : x[1]);
			
			////add more thumbs when needed...
			//if($(".photoalbum_thumbs span").length < Math.ceil($(".photoalbum_thumbs").width() / $(".photoalbum_thumbs span").width())){
			//	$(".photoalbum_thumbs span").clone().appendTo($(".photoalbum_thumbs"));
			//}
	
		
			//preview
			$(this).find(".preview img").wrap('<div class="preview_image"><div class="overlay"></div></div>');
			$(this).find(".preview .preview_image").css('background-image','url(' + $(this).find(".preview img").attr('src') + ')');
			$(this).find(".preview .overlay *").hide();
			$(this).find(".article_container:eq(0)").addClass('album_info');
			$(this).find(".preview").append('<div class="backwards navigation"><a href="#"><img src="/domains/frostklimaattechniek.nl/images/back_off.png" border="0" alt="" /></a></div><div class="forwards navigation"><a href="#"><img src="/domains/frostklimaattechniek.nl/images/forward_off.png" border="0" alt="" /></a></div>');
			$(this).find(".album_info").before('<div class="album_main_nav"><a href="/index.php?buttonID=' + buttonID + '">Terug naar albums</a> | <a href="#comments">Reacties</a></div>');
			
			//navigate
			$(this).find(".preview .navigation img").fadeTo('normal',0.5).hover(
				function(){$(this).fadeTo('normal',1);},
				function(){$(this).fadeTo('normal',0.5);}
			);
		
			//get init data
			h = $(this).find(".photoalbum_thumbs a:eq(0)").attr('href');
			if(h){
				i = photoID ? photoID : h.match(/photoID=([0-9]+)/);
				a = h.match(/albumID=([0-9]+)/);
				s = h.match(/setID=([0-9]+)/);
				getPhotoClick(cssID,(s == null ? 0: s[1]),(a == null ? 0: a[1]),i,true);
			}
			
			////scroll thumbs
			//$(".photoalbum_thumbs").wrapInner('<div class="scroll_pan clear"></div>');
			//$(".photoalbum_thumbs div.scroll_pan").width($(".photoalbum_thumbs span").length * $(".photoalbum_thumbs span:eq(0)").width());
			//start_image_scroll();
		
			//thumb mouseover and click
			$(this).find(".photoalbum_thumbs a").each(function() {
				h = $(this).attr('href');
				i = h.match(/photoID=([0-9]+)/);
				a = h.match(/albumID=([0-9]+)/);
				s = h.match(/setID=([0-9]+)/);
				$(this).attr('href',"javascript:getPhotoClick('" + cssID + "'," + (s == null ? 0: s[1]) + "," + (a == null ? 0: a[1]) + "," + (i == null ? 0: i[1]) + ")");
			});
		});
	}	
});

//animation
var start_image_scroll = function(){
	x = $(".photoalbum_thumbs div.scroll_pan span:eq(0)").width();
	$(".photoalbum_thumbs div.scroll_pan").animate({'left':(x * -1) + 'px'}, Math.round(x * 20),"linear",function(){
		$(".photoalbum_thumbs div.scroll_pan span:eq(0)").appendTo(".photoalbum_thumbs div.scroll_pan");
		$(".photoalbum_thumbs div.scroll_pan").css('left','0px');
		start_image_scroll();
	});
}

//load a photo
var getPhotoClick = function(cssID,setID,albumID,photoID,init){
	
	//console.log(cssID + '::' + setID + ' : ' + albumID + ' : ' + photoID + ' : ' + init);
	
	$("#" + cssID + " .preview .preview_image .overlay").fadeIn('slow');
	$.getJSON('/modules/photoalbums/index.php',{photoID:photoID,albumID:albumID,setID:setID,json_photo_data:1},function(data){
		//set nav
		$("#" + cssID + " .preview .backwards a").attr('href','javascript:getPhotoClick("' + cssID + '",' + setID + ',' + albumID + ',' + data['prev'] + ')');
		$("#" + cssID + " .preview .forwards a").attr('href','javascript:getPhotoClick("' + cssID + '",' + setID + ',' + albumID + ',' + data['next'] + ')');

		$("#" + cssID + " .preview a.previewClick").attr('href','javascript:popWindow(\'/' + data['photo']['path'].replace('AlbumPreview.','') + '\','+ data['original_dimensions'][0] + ',' +data['original_dimensions'][1] + ')');

		//load image
//		$('<img />').bind('load',function(){
			$("#" + cssID + " .preview .preview_image .overlay").fadeOut('normal');
			$("#" + cssID + " .preview .preview_image").css('background-image','url(/' + data['photo']['path'] + ')');
			$("#" + cssID + " .preview .info").text(data['photo']['info']);
 //       }).attr('src',data['photo']['path']);
	});
}