if (document.images)
{
  pic1= new Image(686,216); 
  pic1.src="/images/animation1_ph.png"; 

  pic2= new Image(686,218); 
  pic2.src="/images/animation2_ph.png"; 

  pic3= new Image(686,218); 
  pic3.src="/images/animation3_ph.png"; 
  
  pic4= new Image(16,16); 
  pic4.src="/images/animation0_but_grey.png"; 
  pic5= new Image(16,16); 
  pic5.src="/images/animation1_but_grey.png";
  pic6= new Image(16,16); 
  pic6.src="/images/animation2_but_grey.png";  
  
  pic7= new Image(16,16); 
  pic7.src="/images/animation0_but.png"; 
  pic8= new Image(16,16); 
  pic8.src="/images/animation1_but.png";
  pic9= new Image(16,16);
  pic9.src = "/images/animation2_but.png";

  pic10 = new Image(686, 218);
  pic10.src = "/images/animation4_ph.png";
  pic11 = new Image(16, 16);
  pic11.src = "/images/animation3_but_grey.png";
  pic12 = new Image(16, 16);
  pic12.src = "/images/animation3_but.png";
}

var _running = false; 
var _count = 0;
var _timer;
		
function StartTimer(){
    if (_running == false){
        _running = true;
        PlayAnimation();
    } 
}
        
function PlayAnimation(){		

	SwitchImg(_count);
	
	if (_count < 3)
		_count++
	else
		_count = 0;	

	_timer = setTimeout("PlayAnimation();",8000);			

}
        
function StopTimer()
{
clearTimeout(_timer);
_running = false;
}
	
function SwitchImg(imgPos)
{
    //initialise images
    document.getElementById('uxNavBut0').src = "/images/animation0_but_grey.png"
    document.getElementById('uxNavBut1').src = "/images/animation1_but_grey.png"
    document.getElementById('uxNavBut2').src = "/images/animation2_but_grey.png"
    document.getElementById('uxNavBut3').src = "/images/animation3_but_grey.png"
    
    
    document.getElementById('uxNavBut' + imgPos).src = "/images/animation" + imgPos + "_but.png"

    //var arrImg = Array("animation1_ph.png", "animation2_ph.png", "animation3_ph.png", "animation4_ph.jpg");
    var img = document.getElementById("uxAnimation");
    var imgLink = document.getElementById("uxAnimationURL");

    img.src = "/images/" + arrImg[imgPos];

    if (imgPos == 3)
        imgLink.href = "/store/SystemsIntegrators.aspx";
    else
        imgLink.removeAttribute("href");
		
	fadeIn("uxAnimation",0);
}

function AnimationOnclick(imgPos){
	SwitchImg(imgPos);
	StopTimer();
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}