// Comment form submit
$(function() {
	var div = $('#comments div.comments');
	if (div.length == 0) { return; }
	
	var entry_id = Number(div.attr('id').substr(9));
	
	var form = $('form.comment');
	if (form.length == 0) { return; }
	
	var submit_form = function(form) {
		var url = services_comment_url.replace('0', entry_id);
		var values = {};
		
		for (i=0; i<form.elements.length; i++) {
			e = form.elements[i];
			if (!e.name) { continue; }
			values[e.name] = e.value;
		}
		
		$.post(url, values, function(data, status) {
			$(form).empty();
			if (data == 'ok') {
				refresh_comments(div, true);
				$(form).remove();
			} else {
				$(form).append(data);
			}
			
		}, 'text');
		return false;
	};
	
	var refresh_comments = function(e, with_thanks) {
		with_thanks = with_thanks || false;
		$.ajax({
			type: 'GET', url: window.location.href,
			cache: false, dataType: 'html',
			success: function(data, status) {
				res = $('#comments div.comments', data);
				if (with_thanks) {
					add_thanks(e);
				}
				e.replaceWith(res);
			}
		});
	};
	
	var add_thanks = function(e) {
		$('div.comment-thanks').remove();
		var t = $('<div class="comment-thanks">Thanks for your comment.</div>');
		$(e).after(t);
		t.hide().fadeIn(1500);
	};
	
	form.submit(function() {
		submit_form(this);
		return false;
	});
	
	form.prev('h3').wrapInner('<a href="#"></a>');
	$('a', form.prev('h3')).click(function() {
		form.show();
		$(this).parent().remove()
		return false;
		
	});
});

// Photo links
$(window).load(function() {
	var links = $('#nav');
	var photo = $('#photo img');
	if (links.length == 0) { return; }
	if (photo.length != 1) { return; }
	
	var next = $('li.next a', links).get(0);
	var prev = $('li.previous a', links).get(0);
	var parent = photo.parent().addClass('photo-nav');
	var menu = $('<div class="photo-nav-menu"></div>');
	
	parent.append(menu);
	
	var offset_top = (parent.height() - photo.height()) / 2;
	var offset_left = (parent.width() - photo.width()) / 2;
	menu.css({
		top: offset_top + 'px',
		left: offset_left + 'px'
	});
	menu.height(photo.height()).width(photo.width());
	
	var add_link = function(img, rel, link) {
		if (rel == undefined || link == undefined) { return ;}
		link = $(link);
		
		l = $(document.createElement('a')).attr('href', link.attr('href')).addClass(rel);
		l.html('&nbsp;').appendTo(menu);
		l.height(menu.height());
	};
	
	add_link(photo, 'next', next);
	add_link(photo, 'prev', prev);
});