function setNav(navName) {
    document.getElementById(navName).style.color = "#FFCC00";
}

function tnAct(imgName) {
      document.getElementById(imgName).style.borderColor = "#FFCC00";
}
    
function tnInact(imgName) {
      document.getElementById(imgName).style.borderColor = "#000000";
}

function runSlideShow(){
   changeSlide();
   pause = false;
   j = j + 1;
   if (j > (p-1)) j=0;
   t = setTimeout('runSlideShow()', slideShowSpeed);
}

function stopSlideShow(){
	clearTimeout(t);
	pause = true;
}

function nextSlide(){
   clearTimeout(t);
   changeSlide();
   j = j + 1;
   if (j > (p-1)) j=0;
   if (!pause) {
      t = setTimeout('runSlideShow()', slideShowSpeed);
   }
}

function previousSlide(){
   clearTimeout(t);
   j = j - 1
   if (j == -1) j=(p-1);
   j = j - 1
   if (j == -1) j=(p-1);
   changeSlide();
   j = j + 1;
   if (j > (p-1)) j=0;
   if (!pause) {
      t = setTimeout('runSlideShow()', slideShowSpeed);
   }
}

function changeSlide(){
   if (document.all){
      document.getElementById("SlideShow").style.filter="blendTrans(duration=2)";
      document.getElementById("SlideShow").style.filter="blendTrans(duration=crossFadeDuration)";
      document.getElementById("SlideShow").filters.blendTrans.Apply();
   }
   document.getElementById("SlideShow").src = preLoad[j].src;
   document.getElementById("SlideTitle").childNodes[0].nodeValue = Title[j];
   document.getElementById("SlideArtist").childNodes[0].nodeValue = Artist[j];
   if (document.all){
      document.getElementById("SlideShow").filters.blendTrans.Play();
   }
}