$(function() {
	//image scrolling
	$("div.scrollable").scrollable({
		clickable: false,
		loop:	true,
		keyboard: false,
		size: 7
	});
	
	//image swaping
	$('div.scrollable > div.items > img').each(function(i,val) {
		if (i == 0) return;	
		img = jQuery(val);
		img.click(clickFoto);
	});
});

//Image Functions
function clickFoto() {
	$('div.scrollable > div.items > img').each(function(i,val) {
		img = jQuery(val);
		img.unbind('click');
	});
	$("div.photo > img.photo-loading").show();
	$("div.photo > a > img").hide();
	jQuery.getJSON(getRoot('images/ajaxGetImage/' + $(this).attr('id')), prepareImage_callback);
}

lightbox_image = false;
function prepareImage_callback(data,txt) {
	lightbox_image = data.source;
	$('div.scrollable > div.items > img').each(function(i,val) {	
		img = jQuery(val);
		if (img.attr('id') == data.source) return;
		img.click(clickFoto);
	});
	jQuery('<img src="'+data.path+'" />').load(loadedImage_callback);
}

function loadedImage_callback(eventObj) {
	$('div.photo > a > img').replaceWith(this);
	$('div.photo > a').attr('href', getRoot('images/getImage/'+lightbox_image+'/slimbox'));
	$("div.photo > a > img").show();
	$("div.photo > img.photo-loading").hide();
}