function opacity(id, opacStart, opacEnd, millisec) 
{ 

    var speed = Math.round(millisec / 70); 
    var timer = 0; 
 
    if(opacStart > opacEnd) 
    { 
        
      for(i = opacStart; i >= opacEnd; i--) 
      { 
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
        timer++; 
      } 
      

      
    } 
    else if(opacStart < opacEnd) 
    { 
      
      for(i = opacStart; i <= opacEnd; i++) 
      { 
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
        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 + ")"; 
} 

function setOpacity()
{
  var object = document.getElementById("therotatingimage").style;

  var detect = navigator.userAgent.toLowerCase();
  
  object.opacity=1;
  
}

function setImage()
{
  var img = document.getElementById("therotatingimage");
  img.src="pictures/"+slidesArray[0];
  //alert(img.src);
}

function getOpacity()
{
   var object = document.getElementById("therotatingimage").style;

  //var detect = navigator.userAgent.toLowerCase();
  //if(detect.indexOf('msie'))
    return object.opacity;
  //if(detect.indexOf('mozilla'))
  //  return object.MozOpacity
    
}

function checkOpacity()
{
  var opac=getOpacity();
  return opac;
}

function fadeOut()
{
  
  var detect = navigator.userAgent.toLowerCase();
  
  var opac=checkOpacity();
  
  if(opac==1 || opac==0.99)
  {  
    clearInterval(fadeID);
    
    if(detect.indexOf('safari')==-1)
      opacity("therotatingimage", 100, 0, 2000);
    else
      opacity("therotatingimage", 99, 0, 2000);
    
    setTimeout("fadeID=setInterval('fadeOut();fadeIn();',1);",1000);
  }
  
}

function fadeIn()
{
  var detect = navigator.userAgent.toLowerCase();
  
  var opac=checkOpacity();

  if(opac<=0)
  {  
    clearInterval(fadeID);
    switchImage();
    if(detect.indexOf('safari')==-1)
      opacity("therotatingimage", 0, 100, 2000);
    else
       opacity("therotatingimage", 0, 99, 2000);
      
    setTimeout("rotate()",6000);
  }

}

function switchImage()
{
  picNo++;
  
  if(picNo==slidesArray.length)
    picNo=0;
  
  var img = document.getElementById("therotatingimage");
  img.src="pictures/"+slidesArray[picNo];
  img.alt=altArray[picNo];
  
}

function rotate()
{
  fadeID=setInterval('fadeOut();fadeIn();',1);
}

function go()
{
  if(document.getElementById("therotatingimage") )
  {
    setImage();
    setTimeout('setOpacity();rotate()',3000);
  }
}

var picNo=0;

window.onload=go;