$(document).ready(function () {
	$('.convers8_mf_share_photos').click(function () {
		convers8_mf_showPhotoShareBox();
	});
	
	if ($('.convers8_mf_photos_shared').length) {
		convers8_mf_loadSharedPhotos();
	}
	
	$(convers8).bind('update_mf_photos', function(event, photos) {
		convers8_mf_updatePhotos(photos);
	});
	
	$(convers8).bind('mf_updateUserAlbums', function(event, data) {
		$('#convers8_share_photos_album_list').html('');
		if (typeof(data.albums) != 'undefined') {
			for (album in data.albums) {
				album = data.albums[album];
				$('<li>' +
						"<a href=\"javascript:void(0);\" class=\"album_title\" onclick=\"convers8_mf_fetchAlbumPhotos('" + album.netwerk + "', '" + album.id + "');\">" +
						album.naam + '</a><div class="convers8_social_network convers8_' + 
						album.netwerk + '"></div> ' + album.aantal + ' foto&#039;s</li>').appendTo('#convers8_share_photos_album_list');
			}
			$('#convers8_share_photos_album_list li').css('height',40);
		}
	});

	$(convers8).bind('mf_updateAlbumPhotos', function(event, data) {
		if(typeof(data.photos) != 'undefined') {
			$('#convers8_share_photos_photo_list_header').show();
			$('#convers8_share_photos_photo_list').html('<form action="javascript:void(0);">');
			for (photo in data.photos) {
				photo = data.photos[photo];
				$('<li><div class="convers8_photo_box"><img src="' + photo.icon + '" alt="' + photo.naam + '" title="' + photo.naam + '" /></div>' +
						'<label><input type="checkbox" class="convers8_share_photo_checkbox" name="' + photo.id +'" value="share" checked="checked" /> Delen</label>' +
						'</li>').appendTo('#convers8_share_photos_photo_list');
			}
			$('</form>').appendTo('#convers8_share_photos_photo_list');
			$('#convers8_photos_submit').attr('style','');	
			$('#convers8_photos_submit').attr('onClick','convers8_mf_share_photos()');				
			
			$('#convers8_share_photos_photo_list_footer').show();
		}
	});
});

function convers8_mf_loadSharedPhotos() {
	$.getJSON(convers8.url + 'api-1/photos/photos?website=' + convers8.website + '&callback=?', function(data) {
		if (typeof(data) != 'undefined') {
			$(convers8).trigger('update_mf_photos', data);
		}
	});
}

var convers8_mf_photos;
function convers8_mf_updatePhotos(data) {
	convers8_mf_photos = data.photos;
	$('.convers8_mf_photos_shared').html('');
	for (photoId in convers8_mf_photos) {
		photo = convers8_mf_photos[photoId];
		$('<li><div name="' + photo.id + '" class="convers8_photo_box"><img src="' + photo.icon + '" alt="" /></div></li>').appendTo('.convers8_mf_photos_shared');
		$('.convers8_photo_box[name="' + photo.id + '"]').attr('id', photoId).click(function() {
			photo = convers8_mf_photos[$(this).attr('id')];
			$('#convers8_photo').html('<img src="' + photo.image + '" alt="" />');
			$.getJSON(
					convers8.url + 'api-1/user/?callback=?',
					{
						'website': convers8.website,
						'user': photo.user
					},
					function (data) {
						if (data.user != undefined) {
							$('#convers8_photo_owner').html(convers8_showPerson(data.user));
						}
					}
			);
			
			$('#convers8_overlay').fadeIn();
			$('#convers8_photo_popover').fadeIn();
		});
	}
}

function convers8_mf_fetchUserAlbums() {
	$.getJSON(convers8.url + 'api-1/photos/?callback=?&website=' + convers8.website, function(data) {
		$(convers8).trigger('mf_updateUserAlbums', data);
	});
}

function convers8_mf_fetchAlbumPhotos(albumNetwork, albumId) {
	$.getJSON(convers8.url + 'api-1/photos/album?network=' + albumNetwork + '&album=' + albumId + '&website=' + convers8.website + '&callback=?', function(data) {
		$(convers8).trigger('mf_updateAlbumPhotos', data);
		$('#convers8_photos_submit').attr('title', albumNetwork);		
		$('#convers8_photos_submit').attr('name', albumId);
	});
}

function convers8_mf_showPhotoShareBox() {
	$('#convers8_share_photos_photo_list_header').hide();
	$('#convers8_share_photos_photo_list').html('');
	$('#convers8_share_photos_photo_list_footer').hide();
	
	convers8_mf_fetchUserAlbums();
	
	$('#convers8_overlay').fadeIn();
	$('#convers8_share_photos_popover').fadeIn();
}

function convers8_mf_showPhotosInAlbum(network, id) {
	$('#convers8_share_photos_photo_list_header').hide();
	$('#convers8_share_photos_photo_list').html('');
	$('#convers8_share_photos_photo_list_footer').hide();	
}

function convers8_mf_share_photos() {
	$('.convers8_melding').slideUp('normal',function(){
		$(this).removeClass('convers8_success convers8_info convers8_warning convers8_error');
		$('.convers8_melding_bericht').empty().append('Bezig met delen op ' + $(location).attr('host'));
		$('.convers8_melding').addClass('convers8_info').slideDown();
	});	
	
	network = $('#convers8_photos_submit').attr('title');
	album = $('#convers8_photos_submit').attr('name');
	
	photos = new Array();
	$('.convers8_share_photo_checkbox:checked').each(function () {
		photos.push($(this).attr('name'));
	});
	photos = photos.join(',');
	
	$.getJSON(convers8.url + 'api-1/photos/share?network=' + network + '&album=' + album +
				'&photos=' + photos + '&callback=?&website=' + convers8.website,
			function(data) {
				if (data.photos != undefined) {
					// success
					$('.convers8_melding_bericht').empty().append('De foto(s) zijn succesvol gedeeld op ' + $(location).attr('host') + '!');
					$('.convers8_melding').removeClass('convers8_success convers8_info convers8_warning convers8_error').addClass('convers8_success').slideDown();
					convers8_mf_updatePhotos(data.photos);
				} else if (data.error_message != undefined) {
					// error
					$('.convers8_melding').slideUp('normal',function(){
						$('.convers8_melding_bericht').empty().append('error: ' + data.error_message);
						$('.convers8_melding').removeClass('convers8_success convers8_info convers8_warning convers8_error').addClass('convers8_error').slideDown();
					});
				} else {
					// epic fail
					$('.convers8_melding_bericht').empty().append('fail');
					$('.convers8_melding').removeClass('convers8_success convers8_info convers8_warning convers8_error').addClass('convers8_warning').slideDown();
				}
			}
	);
}