// JavaScript Document

$(".items img").click(function() {

// calclulate large image's URL based on the thumbnail URL (flickr specific)
var url = $(this).attr("src").replace("_t", "");

// get handle to element that wraps the image and make it semitransparent
var wrap = $("#image_wrap").fadeTo("medium", 0.5);

// the large image from flickr
var img = new Image();

// call this function after it's loaded
img.onload = function() {

// make wrapper fully visible
wrap.fadeTo("fast", 1);

// change the image
wrap.find("img").attr("src", url);

};

// begin loading the image from flickr
var url = $(this).attr("alt");

// when page loads simulate a "click" on the first image

}).filter(":first").click();

// execute your scripts when the DOM is ready. this is a good habit
	$(function() {
			   
	// initialize scrollable
	$("div.scrollable").scrollable();  
	
	});