//
// fader.js
//
// Coypright 2007 by Thomas Hammel. All rights reserved.
//


var PhotoId=0;

var Top=1;
var Bottom=0;

var MainPhoto = new Array(0,0);

var OtherPhoto;

var FlipperTimer = 0;

var FadeTimer=0;

var Opacity=0;

var FlipTime=2000;


function MainPhotoSet(pid)
{
    if(Top==0)
    {
        Top=1;
        Bottom=0;
    }
    else
    {
        Top=0;
        Bottom=1;
    }
    // 
    // Adjust the opacity so the old photo is at 100% and
    // the photo about to be loaded is hidden.
    //
    Opacity=0;
    OpacitySet(Opacity);
    //
    // Now load the new photo.
    //
    PhotoId = pid;
    MainPhoto[Top].src= Photo[pid] + '.jpg'; 
}



function Flipper() 
{
    if(FlipperTimer)
    {
        var photoNext = PhotoId+1>Photo.length-1? 0 : PhotoId+1;
        MainPhotoSet(photoNext);
//        FlipperStart();       
    }
}



function FlipperStart() 
{
    FlipperTimer = setTimeout('Flipper()',FlipTime);
}


function OpacitySet(opacity)
{
    oopacity=100-opacity;
    if(oopacity<0)
    {
        oopacity=0;
    }
    if(oopacity>100)
    {
        oopacity=100;
    }
    var fopacity=oopacity/100;
    MainPhoto[Bottom].style.filter="alpha(opacity=" + oopacity + ")";
    MainPhoto[Bottom].style.MozOpacity=fopacity;
    MainPhoto[Bottom].style.KHTMLOpacity=fopacity;
    MainPhoto[Bottom].style.opacity=fopacity;

    if(opacity<0)
    {
        opacity=0;
    }
    if(opacity>100)
    {
        opacity=100;
    }
    var fopacity=opacity/100;

    MainPhoto[Top].style.filter="alpha(opacity=" + opacity + ")";
    MainPhoto[Top].style.MozOpacity=fopacity;
    MainPhoto[Top].style.KHTMLOpacity=fopacity;
    MainPhoto[Top].style.opacity=fopacity;

}


function FadeIn()
{
    FadeTimer=0;
    if(Opacity<100)
    {
        FadeTimer=setTimeout('FadeIn()',50);
        Opacity+=5;
        OpacitySet(Opacity);
    } 
    else
    {
        FlipperStart();
    }
}


onload = function()
{ 
    MainPhoto[0] = document.getElementById('MainPhoto');
    MainPhoto[0].onload=FadeIn;
    
    MainPhoto[1] = document.getElementById('OtherPhoto');
    MainPhoto[1].onload=FadeIn;

    MainPhotoSet(0); 

//    FlipperStart();
}