// JavaScript Document

//always start a jquery script like this

$(document).ready(function() {
						   
	//alert("Hello World");
	
	$(".myImage").hide();
	
	//this will hide the image on click
	$(".hidelink").click(function() {
	    $(".myImage").fadeOut(3000); //3000 stands for the milliseconds it'll fade out by, this is 3 seconds
								  });
	
	//this will show the image on click
	$(".showlink").click(function() {
	    $(".myImage").fadeIn(3000); 
								  });
	
	//this will show/hide the image on click, it is a toggle switch
	$(".hideShowLink").toggle(function() {
	    $(".myImage").fadeIn(1000); 
		}, function() {
			$(".myImage").fadeOut(1000);
		});

//this is the lightbox function

$(function() {
	// Use this example, or...
	//$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
	// This, or...
	//$('#gallery a').lightBox(); // Select all links in object with gallery ID
	// This, or...
	$('a.lightbox').lightBox(); // Select all links with lightbox class
	// This, or...
	//$('a').lightBox(); // Select all links in the page
	// ... The possibility are many. Use your creative or choose one in the examples above
});





});