function opacity(id, opacStart, opacEnd, millisec) {
//speed for each frame
var fspeed = Math.round(millisec / 100);
var timer = 0;
//determine the direction for the blending, if start and end are the same nothing happens
if(opacStart > opacEnd) {
    for(i = opacStart; i >= opacEnd; i--) {
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * fspeed));
        timer++;
        }
    } 
    else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * fspeed));
            timer++;
        }
    }
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

<!--
// Set speed (milliseconds)
var speed = 8000;
// Specify the image files
var Pic = new Array(); // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '/files/cnimages/index/0.jpg';
Pic[1] = '/files/cnimages/index/1.jpg';
Pic[2] = '/files/cnimages/index/2.jpg';
Pic[3] = '/files/cnimages/index/3.jpg';
Pic[4] = '/files/cnimages/index/4.jpg';
Pic[5] = '/files/cnimages/index/3.jpg';

var YrkLink = new Array();
YrkLink[0] = '/cnCollegeActivities/';
YrkLink[1] = '/cnwebsite/cnaboutus/cnInter_network/cnInter_network/';
YrkLink[2] = '/cnwebsite/cnaboutus/cnAdvantages/cnAdvantages/';
YrkLink[3] = '/cnwebsite/cnaboutus/cnFacilities/cnFacilities/';
YrkLink[4] = '/cnwebsite/cnacademic/cnamc/cnamc/';
YrkLink[5] = '/cnWebsite/cnNews/classes/';

var level = new Array();
level[0] = 'level1';
level[1] = 'level2';
level[2] = 'level3';
level[3] = 'level4';
level[4] = 'level5';
level[5] = 'level6';


var t;
var j = 0;
var q = 0;
var p = Pic.length;
// Pic[j]
var preLoad = new Array();
for (i = 0; i < p; i++){
   preLoad[i] = new Image();
   preLoad[i].src = Pic[i];
}

function activate(){
       document.getElementById(level[j]).className ='activeLevelLink';
       setTimeout("document.getElementById(level[q]).className =''", speed);
}

function runBGSlideShow(element){
   clearActive();
   activate();
   document.getElementById(element).style.backgroundImage="url("+Pic[j]+")";
   document.getElementById('levelLink').href=YrkLink[j];
   j = j + 1;
   q = j - 1;
   if (j > (p-1)) j=0;
   t = setTimeout("runBGSlideShow('"+element+"')", speed);
   opacity(element, 0, 100, 2000);
   }

// link clicking events

function clearActive(){
  document.getElementById('level1').className ='';
  document.getElementById('level2').className ='';
  document.getElementById('level3').className ='';
  document.getElementById('level4').className ='';
  document.getElementById('level5').className ='';
  
  }
  
  function change(element, trigger, n){
        clearActive();
      j = n;
      m = n + 1;
      document.getElementById(trigger).className ='activeLevelLink';
      document.getElementById(element).style.backgroundImage="url("+Pic[j]+")";
	  document.getElementById('levelLink').href=YrkLink[j];
      opacity(element, 0, 100, 500);
      setTimeout("j = m", 500);

  }
//-->