var slideShowSpeed = 5500
var demoSpeed = 5000
// Duration of crossfade (seconds)
var crossFadeDuratiOn = 3
// Specify the image files
var Pic = new Array()
var k
for (i=0;i<4;i++)
{
        k=i+1;
        Pic[i] = '/images/header_'+k+'.gif'
}

var demoPic = new Array()
k=0
for(i=0;i<11;i++)
{
     k=i+1;
     demoPic[i] ='/huaimages/slide_'+k+'.gif'
}



var t
var q

var j = 0
var m = 0
var p = Pic.length
var n = demoPic.length
var start = 0;

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

var demoLoad = new Array()
for(i=0;i<n;i++)
{
   demoLoad[i] = new Image()
   demoLoad[i].src = demoPic[i]
}

function changeOpac(opacity, id){
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 101);
    object.MozOpacity = (opacity / 101);
    object.KhtmlOpacity = (opacity / 101);
    object.filter = "alpha(opacity=" + opacity + ")";
}
var direction = "down";
function cross_runSlideShow()
{
 var speed = 100;
 var timer = 0;
 var imageobj = document.getElementById("SlideShow");

 if(start == 0)
  imageobj.src = preLoad[j].src;
 start = 1;
 if(direction == "up")
  imageobj.src = preLoad[j].src;
 
 if(direction == "down")
  opacity("SlideShow", 100, 0, 4000);
 else if(direction == "up"){
  opacity("SlideShow", 0, 100, 4000);
 } 

 if(direction == "up"){
        direction = "down";
 }
 else{
        direction = "up";
        j = j + 1;
        if( j > (p - 1)) j = 0;
 }
  var idletime = 5000;
   if(direction == "up")
        idletime = 4000;
   else
        idletime = 10000;
   t = setTimeout('cross_runSlideShow()', idletime)
}
function opacity(id, opacStart, opacEnd, millisec){
   //speed for each frame
    var speed = 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 * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }

}
function runSlideShow()
{
   if (document.all)
   {
      document.images.SlideShow.style.filter="blendTrans(duration=6)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all)
   {
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}

function runDemo()
{
   
   if(document.all)
   {
	document.images.Demo.style.filter="blendTrans(duration=6)"
	document.images.Demo.style.filter="blendTrans(duration=crossFadeDuration)"
	document.images.Demo.filters.blendTrans.Apply()
   }
   document.images.Demo.src = demoLoad[m].src
   if(document.all)
   {
	document.images.Demo.filters.blendTrans.Play()
   }
   m = m+1
   if(m >(n-1)) m=0
   q = setTimeout('runDemo()',demoSpeed)

}

var demo_start = 0;
var demo_direction = "down";

function cross_runDemo()
{
 var speed = 100;
 var timer = 0;
 var imageobj = document.getElementById("Demo");

 if(demo_start == 0)
  imageobj.src = demoLoad[m].src;
 demo_start = 1;
 if(demo_direction == "up")
  imageobj.src = demoLoad[m].src;
 
 if(demo_direction == "down")
  opacity("Demo", 100, 0, 4000);
 else if(demo_direction == "up"){
  opacity("Demo", 0, 100, 4000);
 } 

 if(demo_direction == "up"){
        demo_direction = "down";
 }
 else{
        demo_direction = "up";
        m = m + 1;
        if( m > (n - 1)) m = 0;
 }
  var idletime = 5000;
   if(demo_direction == "up")
        idletime = 4000;
   else
        idletime = 9000;
   t = setTimeout('cross_runDemo()', idletime)
}