$(document).ready(function() {	
	//Change Image
	$("#cameras a").click(function(e){
		e.preventDefault();
		var loader = $("#loader");
		var newImage = $(this).attr('href');
		var bigImage = $("#big_image");
		bigImage.hide();
		loader.show();
		$.ajax({
		  type:"GET",
		  url: $(this).attr('href'),
		  success:function(data){},
		  complete: function(){
				bigImage.show();
				loader.hide();
			},
		  beforeSend: function(){
				bigImage.attr('src', newImage);
		  }
		});
		$("#cameras").find(".current").removeClass("current");
		$(this).addClass("current");
		return false;
	});
	
	//Show/Hide Info Box
	$("#info_button").click(function(e){
		e.preventDefault();
		$("#info").animate({left: 0}, 600, null);
	});
	
	$("#close").click(function(e){
		e.preventDefault();
		$("#info").animate({left: -400}, 600, null);
	});
});