//JavaScript (jQuery)
$(function() {
	//code goes here
	//alert("Hello Vancouver");
	
	$("#clickMe").toggle(function() {
		$("#listPic").show(1000);
		}, function() {
		$("#listPic").slideUp(1000);
		});
	
	$("#clickMe1").toggle(function() {
		$("#listPic1").slideDown(1000);
		}, function() {
		$("#listPic1").slideUp(1000);
		});
		
		
	/* $("#clickMe1").toggle(function() {
		$("#listPic1").slideUp(1000);
		}, function() {
		$("#listPic1").slideDown(1000);
		}); */
	
	/* How jQuery works,
	1. Select a tag, class or id  (then, what happens?)
	2. Specify an event (ie. click, hover, double-click, etc.)
	3. Spedify an effect (ie. show, hide, animate, etc) 
	$ sign is actually the selector*/
	
	/*
	$("#sushiPic").click(function() {
		//alert("Click Me!!!");
		$("#sushiPic").hide();
		});
	*/
	
	/* this is a toggle switch which has two states, A and B */
	/* Examples of effects are show/hide, fadeIn/fadeOut, slideUp/slideDown
	$("#clickMe").toggle(function() {
		$("#sushiPic").fadeOut(5000);
		}, function() {
		$("#sushiPic").fadeIn(1500);
		});  */
		
	/* $("#clickMe").toggle(function() {
	$("#sushiPic").slideUp(5000);
	}, function() {
	$("#sushiPic").slideDown(1500);
	}); */
	
	/* $("#clickMe").hover(function() {
	$("#list1Pic").fadeOut(5000);
	}, function() {
	$("#list1Pic").fadeIn(1500);
	}); */
	
	/* to make picture itself hide - sus
	$("#sushiPic").click(function() {
	$("#sushiPic").hide();
	}); */
	
});