var imageContainer;
var imageControls;
var image;
var imagePrev;
var imageNext;
var amount;
var currentImage;
var pageName;

function setPagePictures(anAmount, aPageName)
{
  dojo.addOnLoad(function(){
    imageContainer = dojo.byId('pageImageContainer');
    imageControls = dojo.byId('imageControls');
    image = dojo.byId('pageImage');
    imagePrev = dojo.byId('imagePrev');
    imageNext = dojo.byId('imageNext');
    amount = anAmount;
    if(amount == 1){
      dojo.style(imageControls, 'display', 'none');
    }
    pageName = aPageName;
    changeImage(1);
    dojo.style(imageContainer, 'display', 'block');
    dojo.connect(imagePrev, 'onclick', prevImage);
    dojo.connect(imageNext, 'onclick', nextImage);
  });
}

function prevImage(){
  console.log('hi');
  if(currentImage>1)
  {
    changeImage(currentImage-1);
  }
  else
  {
    changeImage(amount);
  }
}

function nextImage(){
  if(currentImage<amount)
  {
    changeImage(currentImage+1);
  }
  else
  {
    changeImage(1);
  }
}

function changeImage(id){
  currentImage = id;
  dojo.attr(image, 'src', '/public/images/site/'+pageName+'_'+id+'.jpg');
}