// image fader

// version 2006.06.08

////////////////////////////////////////////////////////////////////////////////////////////////////////////
function changeOpac(opacity, id) {
  //http://www.brainerror.net/scripts_js_blendtrans.php
    var object = document.getElementById(id).style;
    
    if(object.opacity != undefined)
      {
      object.opacity = (opacity / 101);
      }
    else
    if(object.filter != undefined)
    {
    object.filter = "alpha(opacity=" + opacity + ")";
    }
    else
    if(object.MozOpacity != undefined) object.MozOpacity = (opacity / 101); 
    else
    if(object.KhtmlOpacity != undefined) object.KhtmlOpacity = (opacity / 101); 

}


////////////////////////////////////////////////////////////////////////////////////////////////////////////
function FadeSetFG(id,img_name)
{
var oFG = document.getElementById(id+'_fg');

//move BG img to FG
oFG.src = img_name;
}

function FadeNext(id)
{
var o = document.getElementById(id);
var oFG = document.getElementById(id+'_fg');


//move BG img to FG
oFG.src = o.photos[o.cur_photo_num];

//show FG img
changeOpac(100,oFG.id);

//goto next img
o.cur_photo_num++;
if(o.cur_photo_num >= o.num_of_photos) o.cur_photo_num=0;


//set new BG img
o.style.backgroundImage = "url("+o.photos[o.cur_photo_num]+")";


//fade out forground img
var timer = 0;
var timeinc = o.fadetime / 100;
var f;

   //program fade
    for(i = 0; i <= 100; i++) {
        f = 100-i;
        setTimeout("changeOpac(" + f + ",'"+oFG.id+"')",timer);
        timer += timeinc;
    }
     //ready for next fade sequence
     setTimeout('FadeSetFG("'+id+'","'+o.photos[o.cur_photo_num]+'")',timer+o.waittime); //so that print works
     setTimeout('FadeNext("'+id+'")',timer+o.waittime); //goto next
     

}//func: next


////////////////////////////////////////////////////////////////////////////////////////////////////////////
function CreateFader(id,file_name_array,display_wait_time,fade_time,init_start_time)
{
    var o = document.getElementById(id);
    if(o)
        {
        o.photos = file_name_array;
        o.num_of_photos = file_name_array.length;
        o.cur_photo_num = 0;
        o.fadetime = fade_time;
        o.waittime = display_wait_time;

        setTimeout("FadeNext('"+id+"')",init_start_time);
        }//if
}//function



////////////////////////////////////////////////////////////////////////////////////////////////////////////
function WriteCreateFader(id,width,height,file_name_array,display_wait_time,fade_time,init_start_time)
{
    var first_name = file_name_array[0];
    document.write("<div id='"+id+"' style='width: "+width+"; height: "+height+"; background-image:URL("+first_name+");'><img id='"+id+"_fg' src='"+first_name+"' style=''></div>");
    CreateFader(id,file_name_array,display_wait_time,fade_time,init_start_time);
}//function




////////////////////////////////////////////////////////////////////////////////////////////////////////////
function Start()
{
CreateFader('slide_show_2',new Array("lounge2a.jpg","lounge2b.jpg"),5000,2000,2000);
}

// preloader

function PreloadImages()
{
var myimages = new Array();
for (i=0; i < PreloadImages.arguments.length; i++)
{
myimages[i]=new Image();
myimages[i].src = PreloadImages.arguments[i];
}
}