jQuery(function() { 
 
    // initialize scrollable 
	var scrollable = jQuery("div.scrollable");
	scrollable.find("> div.items > div").each(function() {
		jQuery(this).addClass("item").children("div").addClass("element");
	});
	var elements = scrollable.find("div.items > div > div.element");
    elements.click(function() {
		var selectedItem = this;
		elements.each(function() {
			if (this == selectedItem) {
				jQuery(this).addClass("selected").fadeTo("slow", 0.7);
				
			} else {
				jQuery(this).removeClass("selected").fadeTo(0, 1);
			}
		});	
		var wrapper = jQuery(selectedItem).parents("div.scrollable-wrapper");
		wrapper.children("div.scrollable-content").html(jQuery("#listContent > div[title=" + jQuery(this).children("img").attr("alt") + "]").html()).slideDown(400, function() {}).find("a[rel=lightbox]").each(function() {
			Application.lightbox(jQuery(this));																																																			 		});
		jQuery.scrollTo(wrapper, 400, {});
	});
	scrollable.scrollable({
		clickable: false
	}).parent().css("visibility", "visible");
});