var _mw = _mh = 40;
var _dir = "http://api.lewisimagebank.com/"; 

$(document).ready(init);

function init() {
	loadIBGadget();
}


function loadIBGadget() {
	var request = _dir;
	$.getJSON(request, { apt: "json" }, jsonImagebank);
}

function jsonImagebank(rsp){
	if(rsp == null) {
		return false;
	}
	
	var maxItems = 9;
	
	for (var i=0; i<maxItems; i++){
		var id = (rsp.photos[i]).id;
		var name = (rsp.photos[i]).name;
		var cate = (rsp.photos[i]).cate;
		var img = "<img src='"+_dir+"image.php?c="+cate+"&n="+name+"&mw="+_mw+"&mh="+_mh+"' />";
		var html = "<li><a href='http://www.lewisimagebank.com/photo?v="+id+"' target='_blank'>"+img+"</a></li>";
		$('#ib_gadget_v .img').append(html);
	}	
	
	
	update();
}

function update() {
	//request most recent photos
	var request = _dir+"json.php?callback=updateImg";
	$.getJSON(request, { apt: "json" }, updateImg);
}

function updateImg(rsp) {
	
	if(rsp == null) {
		return false;
	}
	
	var maxItems = 3;
	var html = "";
	
	for (var i=0; i<maxItems; i++){
		var id = (rsp.photos[i]).id;
		var name = (rsp.photos[i]).name;
		var cate = (rsp.photos[i]).cate;
		var img = "<img src='"+_dir+"image.php?c="+cate+"&n="+name+"&mw="+_mw+"&mh="+_mh+"' />";
		html = "<li><a href='http://www.lewisimagebank.com/photo?v="+id+"' target='_blank'>"+img+"</a></li>";
	}
	
	$('#ib_gadget_v .img').prepend(html);
	
	var begin = 0;
	var end = 11;
		
	for (var i=0; i<maxItems; i++){
		$('#ib_gadget_v li:eq('+end+')').fadeOut("slow");
		$('#ib_gadget_v li:eq('+end+')').remove();
		$('#ib_gadget_v li:eq('+begin+')').css({opacity: 0.5});
		
		begin ++;
		end --; 
	}
	
	$('#ib_gadget_v li:eq(0)').animate({opacity: 1}, 5000);
	$('#ib_gadget_v li:eq(1)').animate({opacity: 1}, 5000);
	$('#ib_gadget_v li:eq(2)').animate({opacity: 1}, 5000, update);
	
	
}