// Opacity and Fade in script.
// Script copyright (C) 2008 http://www.cryer.co.uk/.
// Script is free to use provided this copyright header is included.
function SetOpacity(object,opacityPct)
{
  // IE.
  object.style.filter = 'alpha(opacity=' + opacityPct + ')';
  // Old mozilla and firefox
  object.style.MozOpacity = opacityPct/100;
  // Everything else.
  object.style.opacity = opacityPct/100;
}
function ChangeOpacity(id,msDuration,msStart,fromO,toO)
{
  var element=document.getElementById(id);
  var opacity = element.style.opacity * 100;
  var msNow = (new Date()).getTime();
  opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
  if (opacity<0) 
    SetOpacity(element,0)
  else if (opacity>100)
    SetOpacity(element,100)
  else
  {
    SetOpacity(element,opacity);
    element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")",1);
  }
}
function FadeIn(id)
{
  var element=document.getElementById(id);
  if (element.timer) window.clearTimeout(element.timer); 
  var startMS = (new Date()).getTime();
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)",1);
}
function FadeOut(id)
{
  var element=document.getElementById(id);
  if (element.timer) window.clearTimeout(element.timer); 
  var startMS = (new Date()).getTime();
  element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)",1);
}
function FadeInImage(foregroundID,newImage,backgroundID)
{
  var foreground=document.getElementById(foregroundID);
  if (backgroundID)
  {
    var background=document.getElementById(backgroundID);
    if (background)
    {
      background.style.backgroundImage = 'url(' + foreground.src + ')';
      background.style.backgroundRepeat = 'no-repeat';
    }
  }
  SetOpacity(foreground,0);
  foreground.src = newImage;
  if (foreground.timer) window.clearTimeout(foreground.timer); 
  var startMS = (new Date()).getTime();
  foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)",10);
}
//-----------------------------------------------------------------------
div_img = new Array();
img_source = new Array();
new_img = new Array();
var pointer_img = 4; // pointer images
var pointer_container = 0; // pointer container (div and img)
//-----------------------------------------------------------------------
div_img[0] = "photo1_div";
div_img[1] = "photo2_div";
div_img[2] = "photo3_div";
div_img[3] = "photo4_div";
img_source[0] = "photo1_img";
img_source[1] = "photo2_img";
img_source[2] = "photo3_img";
img_source[3] = "photo4_img";
new_img[0] = "photo1_f.jpg";
new_img[1] = "photo2_f.jpg";
new_img[2] = "photo3_f.jpg";
new_img[3] = "photo4_f.jpg";
new_img[4] = "photo1_b.jpg";
new_img[5] = "photo2_b.jpg";
new_img[6] = "photo3_b.jpg";
new_img[7] = "photo4_b.jpg";
new_img[8] = "photo1_d.jpg";
new_img[9] = "photo2_d.jpg";
new_img[10] = "photo3_d.jpg";
new_img[11] = "photo4_d.jpg";
new_img[12] = "photo1_e.jpg";
new_img[13] = "photo2_e.jpg";
new_img[14] = "photo3_e.jpg";
new_img[15] = "photo4_e.jpg";
new_img[16] = "photo1_a.jpg";
new_img[17] = "photo2_a.jpg";
new_img[18] = "photo3_a.jpg";
new_img[19] = "photo4_a.jpg";
new_img[20] = "photo1_g.jpg";
new_img[21] = "photo2_g.jpg";
new_img[22] = "photo3_g.jpg";
new_img[23] = "photo4_g.jpg";
new_img[24] = "photo1_h.jpg";
new_img[25] = "photo2_h.jpg";
new_img[26] = "photo3_h.jpg";
new_img[27] = "photo4_h.jpg";
new_img[28] = "photo1_i.jpg";
new_img[29] = "photo2_i.jpg";
new_img[30] = "photo3_i.jpg";
new_img[31] = "photo4_i.jpg";
new_img[32] = "photo1_j.jpg";
new_img[33] = "photo2_j.jpg";
new_img[34] = "photo3_j.jpg";
new_img[35] = "photo4_j.jpg";
new_img[36] = "photo1_k.jpg";
new_img[37] = "photo2_k.jpg";
new_img[38] = "photo3_k.jpg";
new_img[39] = "photo4_k.jpg";
new_img[40] = "photo1_l.jpg";
new_img[41] = "photo2_l.jpg";
new_img[42] = "photo3_l.jpg";
new_img[43] = "photo4_l.jpg";
new_img[44] = "photo1_m.jpg";
new_img[45] = "photo2_m.jpg";
new_img[46] = "photo3_m.jpg";
new_img[47] = "photo4_m.jpg";
new_img[48] = "photo1_n.jpg";
new_img[49] = "photo2_n.jpg";
new_img[50] = "photo3_n.jpg";
new_img[51] = "photo4_n.jpg";
new_img[52] = "photo1_o.jpg";
new_img[53] = "photo2_o.jpg";
new_img[54] = "photo3_o.jpg";
new_img[55] = "photo4_o.jpg";
new_img[56] = "photo1_p.jpg";
new_img[57] = "photo2_p.jpg";
new_img[58] = "photo3_p.jpg";
new_img[59] = "photo4_p.jpg";
new_img[60] = "photo1_q.jpg";
new_img[61] = "photo2_q.jpg";
new_img[62] = "photo3_q.jpg";
new_img[63] = "photo4_q.jpg";
//-----------------------------------------------------------------------
function loop_img() {
  //alert (img_source.length + "*" + pointer_img);
  if (pointer_container > 3)
      pointer_container = 0;
  if (pointer_img+1 > parseFloat(new_img.length)){
      pointer_img = 0;
      //alert (pointer_img);
  }
  FadeInImage(img_source[pointer_container],'images/' + new_img[pointer_img],div_img[pointer_container]);
  pointer_img++;
  pointer_container++;
}