function loadPict(action, img_id) {
  new Ajax.Updater (
    "image",
    "/shots/rpc/" + action + "/" + img_id + "/",
    {
      method: "get",
      onLoading: transition,
      onComplete:  parseResponse
    }
  );
}

function transition() {
     var loader = $('image')
     loader.innerHTML = "<img style=\"display:block; margin-left:auto; margin-right:auto; margin-top:10px;\" src=\"/site_media/icons/ajax-loader.gif\" />"
}

function parseResponse(transport) {
     var response = transport.responseText
     var jsonObj = eval("("+response+")") 
     var key = jsonObj.fields.key
     var img_title = jsonObj.fields.title
     var img_id = jsonObj.pk
     var title=$("img_title")
     var img=$("image")
     var next=$("next_action")
     var prev=$("prev_action")
     next.innerHTML = "<a href=\"javascript:loadPict('next'," + jsonObj.pk + ")\">next >></a>"
     prev.innerHTML = "<a href=\"javascript:loadPict('previous'," + jsonObj.pk + ")\"><< previous</a> | "
     img.innerHTML = "<img style=\"display:block; margin-left:auto; margin-right:auto;\" src='http://static.crazymansland.com/" + jsonObj.fields.key + ".jpg' alt='static pict'/>"
     title.innerHTML = img_title

}