var numberOfImages=14;
var actualImage=2;
var baseUrl="./";
var timer;
var time=10000;
var imageNode=null;
var textNode=null;
var linkNode=null;

function SetImage(){
   clearTimeout(timer);                                                                                
   imageNode.style.backgroundImage ="url('"+baseUrl+"theme/images/reference/reference"+actualImage+".png')";
   linkNode.setAttribute('href',baseUrl+"theme/images/reference/reference"+actualImage+"b.png");
   var referenceText=document.getElementById("reference"+actualImage);
   if(referenceText){
      textNode.innerHTML=referenceText.innerHTML;
   }
   actualImage++;
   if(actualImage>numberOfImages){
      actualImage=1;
   }
   timer=setTimeout("SetImage()", time);
}

function Presentation(){
   imageNode=document.getElementById("reference_image");
   textNode=document.getElementById("reference_text");
   linkNode=document.getElementById("reference_link");
   if(imageNode && textNode && linkNode){
      timer=setTimeout("SetImage()", time);
   }
}

function SetBaseUrl(value){
   baseUrl=value;
}