// JavaScript Document

var numImgs = 4;
var arrPreload = new Array();    
var begImg  = 0;

function init()
{
    preloadRange();
    curImg = begImg;
    if (curImg < 0 || curImg > numImgs - 1)
    curImg = numImgs - 1;
    changeSlide(curImg);
    setTimeout("play()", 4000)
}

var curImg = 0;
var timerId = -1;
var interval = 3500;
var imgIsLoaded = false;

function preloadRange() {
 for (var i=0; i<4; i++) {
  arrPreload[i] = new Image();
  arrPreload[i].src = imageSrcArray[i]; 
 } 
}

function ScaleImage(i)
{
 var style="style='HEIGHT: "+ImgH+"; WIDTH: "+ImgW+";BORDER-RIGHT: #AFADAD 1px solid; BORDER-TOP: #AFADAD 1px solid; BORDER-LEFT: #AFADAD 1px solid; BORDER-BOTTOM: #AFADAD 1px solid'";
 return style;
}

function imgLoadNotify()
{
    imgIsLoaded = true;
}


function changeSlide(n)
{ 
 if (document.all)
 {     
      document.all.imgp.style.filter="blendTrans(duration=1)";
      document.all.imgp.filters.blendTrans.Apply();   
  }
    imgIsLoaded = false;     
    var s = ScaleImage(curImg);
    var htmlCont = "<div id=dvimg style='padding:0px;margin:0px;'><a href='"+imageLinkArray[curImg]+"' target=_blank title='"+imageIntroArray[curImg]+"'><img align=middle width=" + ImgW + " height=" + ImgH + " src='" + imageSrcArray[curImg] + "' onload='imgLoadNotify();' "+s+" ></a>";
    
    htmlCont += '<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;overflow:hidden;top:-12px;position:relative;margin:0px;height:12px;padding:0px;border:0px;">';
 
 var pno = 0;
 for(pno=0;pno< numImgs ; pno++)
 {
	  var classstr="apno";
	  if(pno == curImg)
	  {
	   classstr = "bpno";
	  }
   htmlCont += '<a href="javascript:changeSlide1('+pno+');" id="pno_'+pno+'" class="'+classstr+'" target="_self">'+(pno+1)+'</a>';
 } 
 htmlCont += '</div>';
 
 htmlCont += "</div><div style='width:260px;line-height:20px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;font-size:12px; color:#006699; text-align:center; text-decoration: none;padding:0px;margin:0px;'><font color=#006699><span style='position:relative; top:-3px'>"+imageIntroArray[curImg]+"</span></font></div>";   
    document.getElementById("imgp").innerHTML = htmlCont ;
    if (document.all) 
    {   
  document.all.imgp.filters[0].Play();  
    }
}

function changeSlide1(curindex)
{
 curImg = curindex;
 window.clearInterval(timerId);
 changeSlide(curImg);
 timerId = window.setInterval('forward();', interval);
}

function forward()
{
 imgIsLoaded = false;
  curImg++;
  if (curImg >= numImgs) 
  { 
   curImg = 0;
  } 
 changeSlide(curImg);
}

function play()
{
  if (timerId == -1) 
  timerId = window.setInterval('forward();', interval);
}