$(document).ready(function(){




	if(document.getElementById("slideshow")){
		$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=53998903@N05&lang=en-us&tags=homepage&format=json&jsoncallback=?", function(data){
			$.each(data.items, function(i,item){
				var newResult = item.media.m.replace('_m','');
				$("<img/>").attr("src", newResult).appendTo("#frame").wrap("<li id=\"pick-"+i+"\" class=\"item-"+i+"\"><a href='" + item.link + "'></a></li>");
				//var clearNum = String(i + 1);
				//var chooser = "<li class=\"picker\" id=\"pick-"+i+"\" rel=\""+i+"\">"+clearNum+"</li>";
				//$('ul#overlay').append(chooser);
				if ( i == 14 ) return false;
			});
		});

		displayStory = 1;
		details = document.getElementById('frame');
		stories = details.getElementsByTagName('li');

		//$('#pick-0').addClass('active');
		rotateNext = setInterval('rotateStory(displayStory)', 5000);
	}


});


function rotateStory(currentStory){
	currentStory = currentStory % stories.length;
	for (i = 0; i < stories.length; i++) {
		if (i == currentStory) {
			$('#frame li').fadeOut(1200);
			$(stories[i]).fadeIn(800);
			$('#frame li').removeClass('active');
			$('#pick-'+i).addClass('active');
		} 
	}
	displayStory++;
}
function rewindStory(currentStory){
	currentStory = currentStory % stories.length;
	for (i = stories.length; i > 0; i--){
		if (i == currentStory -2) {
			currentStory = currentStory -2;
			$('#frame li').fadeOut(1200);
			$(stories[i]).fadeIn(800);
			$('#frame li').removeClass('active');
			$('#pick-'+i).addClass('active');
		} 
	}
	displayStory++;
}