$(document).ready(function() {

	$('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() {
		var selstr;
		$('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
			selstr = $(this).text();
			$('#jot-perms-icon').removeClass('unlock').addClass('lock');
			$('#jot-public').hide();
		});
		if(selstr == null) { 
			$('#jot-perms-icon').removeClass('lock').addClass('unlock');
			$('#jot-public').show();
		}

	}).trigger('change');

	// Click event listener for the album edit link/button.
	$("body").on('click', '#album-edit-link', function() {
		var modalUrl = $(this).attr("data-modal-url");

		if (typeof modalUrl !== "undefined") {
			addToModal(modalUrl, 'photo-album-edit-wrapper');
		}
	});
});

$(window).load(function() {
	// Get picture dimensions
	var pheight = $("#photo-photo img").height();
	var pwidth = $("#photo-photo img").width();

	// Append the diminsons of the picture to the css of the photo-photo div
	// we do this to make it possible to have overlay navigation buttons for the photo
	$("#photo-photo").css({
		"width": pwidth,
		"height": pheight
	});
});