//Wait until doc has loaded
// execute your scripts when the DOM is ready. this is a good habit

$(document).ready(function()
  {
	  
	  
//Highlights current menu item

    var loc = window.location.toString().split("/")
    loc = loc[loc.length - 1]
    $("#nav li a[href=\""+loc+"\"]").addClass("selected");
 






// Gallery
 
	// initialize scrollable
	$("div.scrollable").scrollable({ 
    size: 3, 
    clickable: true, 
    loop: true 
});


// Gallery
 
$(".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
	img.src = url;
 
// when page loads simulate a "click" on the first image
}).filter(":first").click();



 });