function flickrding(img){
	var index = 0;
	var direction = 'next'
	
	var id = $(img).attr('id');
	var height =  $(img).attr("height");

	$(img).attr('src', null);

	var items = [];
	var container 	= 	$('<div/>', {"class" : "flickrding"});

	var prev = 		$('<a/>', {"class" : 'flickr-prev'}).append($('<img/>', {"src" : '../flickr/flickr-previous.png'}));
	var next = 		$('<a/>', {"class" : 'flickr-next'}).append($('<img/>', {"src" : '../flickr/flickr-next.png'}));

	if (height) container.css({"height" : height});
	container.insertBefore(img);

	prev.appendTo(container);
	next.appendTo(container);
	$(img).appendTo(container);

	var pre = $(img).clone();	
	$(pre).detach();

	$(container).hover(function(){
		$.doTimeout('hover', 250, function(){
			// cancel the loop
			$.doTimeout('loop');
		});
	}, function() {
		$.doTimeout('hover', 250, function(){
			loop();
		});
	});

	next.click(function(){
		direction = 'next';
		slide();	
	});

	prev.click(function(){
		direction = 'prev';
		slide();
	});
	
	$(pre).load(function(){
		$(img).fadeOut(function(){
			$(img).addClass('loaded');
			$(img).attr('src', "http://farm" +  items[index].farm +  ".static.flickr.com/" + items[index].server +  "/" + items[index].id +  "_" + items[index].secret + ".jpg");
			//$(img).attr('src', items[index].url);
		});
	});
	
	$(img).load(function(){
		$(img).fadeIn()
	});

	function show(){
		$(pre).attr('src', "http://farm" +  items[index].farm +  ".static.flickr.com/" + items[index].server +  "/" + items[index].id +  "_" + items[index].secret + ".jpg");
		//$(pre).attr('src', items[index].url);
	}
	
	function slide(){
		if (direction == 'prev'){
			if((index - 1) < 0) {
				index = (items.length - 1);		
			} else {
				index--;
			}
		} else {
			if (items.length <= (index + 1)){
				index = 0;
			} else {
				index++;
			}
		}
		show();
	}

	function loop(){
		$.doTimeout('loop', 2000, function(){
			slide();
			return true;
		});
	}
	
	$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=1fe1d817ccd8ea68311a8abec27de3b8&user_id=22561908@N02&photoset_id=" + id + "&format=json&jsoncallback=?", function (data) {
	//$.getJSON( '../flickr/json.xql?id=' + id , function(data){
		items = data.photoset.photo;
		//items = data
		show();
		loop();
	});
}

$(document).ready(function(){
	$('.flickr').each(function(){
		flickrding(this);
	});
});