function hidetoggling(){
	$("#animalVideoContainer").toggle();
	$("#animalImageContainer").hide();
}

$(function() {
	//notification on FB comments
	window.fbAsyncInit = function() {
		FB.init({
			appId: $('meta[property="fb:app_id"]').attr('content'),
			status: true, 
			cookie: true, 
			xfbml: true
		});
		FB.Event.subscribe('comment.create', function(response) {
			$.ajax({
				type: "GET",
				url: "/applications/facebook_comment_email.rm",
				data: "url=" + document.location.href
			});
		});
	};
	(function() {
	var e = document.createElement('script'); e.async = true;
	e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
	document.getElementById('fb-root').appendChild(e);
	}());
	
	$("#present-arrows").removeClass('hide');
	$("#present-arrows").addClass('show');
	$("#present-backwards").addClass('hide');
	
	//work out what the left val should be when we stop scrolling
	var leftval= $(".present-scroll").innerWidth();
	var leftval = parseInt(leftval)-(3 * 183);
	var leftval=-1 * parseInt(leftval);
	var leftval = leftval + 'px';
	
	//scrolling forwards
	$('#present-forwards').click(function(e){
		if($(".present-scroll").css('left') !=  leftval){
			$(".present-scroll").animate(
				{
					left: '-=183'
				},
				500,
				function() {
					// Animation complete.
					if($(".present-scroll").css('left') ==  leftval){
						$("#present-forwards").removeClass('show');
						$("#present-forwards").addClass('hide');
					} 
					if($(".present-scroll").css('left') != '0px'){
						$("#present-backwards").removeClass('hide');
						$("#present-backwards").addClass('show');
					}
				}
			);
		}
	});
	
	//scrolling backwards
	$('#present-backwards').click(function(e){
		if($(".present-scroll").css('left') != '0px'){
			$(".present-scroll").animate(
				{
					left: '+=183'
				},
				500,
				function() {
					// Animation complete.
					if($(".present-scroll").css('left') !=  leftval){
						$("#present-forwards").removeClass('hide');
						$("#present-forwards").addClass('show');
					} 
					if($(".present-scroll").css('left') == '0px'){
						$("#present-backwards").removeClass('show');
						$("#present-backwards").addClass('hide');
					}
				}
			);
		}
	});
	
});