$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "140px"
		}, 1000);
	
	});	
	
   $("div.hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, 400);
	
   });	
	
	/* Give mouseover hand */
	$("div.panel_button").hover(function(){
	   $("html").css('cursor', 'pointer');
	},
	function() {
	   $("html").css('cursor', 'default');
	});
	
	$("div.hide_button").hover(function(){
	   $("html").css('cursor', 'pointer');
	},
	function() {
	   $("html").css('cursor', 'default');
	});
	
	$("div#panel div.choice").hover(function(){
	   $("html").css('cursor', 'pointer');
	},
	function() {
	   $("html").css('cursor', 'default');
	});
		
	/* User clicks on a background image */
	$("div#panel div.choice").click(function() {
		var imagePath = $(this).children("img").attr('src');
		var fileNameArray = imagePath.split("/");
		var items = fileNameArray.length;
		var fileName = fileNameArray[items - 1];
		var fileNameArray2 = fileName.split(".");
		var name = fileNameArray2[0];
		
		$("html").css('background-image', 'url("images/backgrounds/' + name + '.jpg")');
											 
	});

	
});