//var titles = ['Picture1','Picture2','Picture3','Picture4','Picture5','Picture6',
//'Picture7','Picture8'];
//var dimensions = ['? x ?','? x ?','? x ?','? x ?','? x ?','? x ?','? x ?','? x ?'];
var artistWidth = 242;
function moveToPrevious(elementName,distance,speed)
{
  if ( index[elementName][1] > 1 ) {
  new Effect.Move(elementName, { x: distance, y: 0, transition: Effect.Transitions.sinoidal, duration: speed });
  index[elementName][1]--;
  }
}
function moveToNext(elementName,distance,speed)
{ 
  if ( index[elementName][1] < index[elementName][0] ) {
    new Effect.Move(elementName, { x: -distance, y: 0, transition: Effect.Transitions.sinoidal, duration: speed });
    index[elementName][1]++;
  }
}
function fillInfo() {
  var slidesIndex = index['slideContents'][1] - 1;
  $('details').style.display = 'none';
  $('details').innerHTML = "<div id='click'>click the picture above to view a larger image</div>";
  $('details').innerHTML += "<div class='names'><p><strong>Title:</strong></p> "+
                        "<p><strong>Dimensions:</strong></p> "+
                        "<p><strong>Price:</strong></p></div> ";
  $('details').innerHTML += "<div class='values'><p>"+titles[slidesIndex]+"</p>"+
                        "<p>"+dimensions[slidesIndex]+"</p>"+
                        "<p>£"+prices[slidesIndex]+"</p></div>";
  new Effect.Appear('details',{delay: 0.5, duration: 1});
}