var div;
var img;
var alpha = 0;
var flip_timeout;
var fade_timeout;
var initialized = false;
var fade_time = 2.0;
var image_index = 0;
var images = [];
var is_ie;

function scrapbook_initialize(div_id, img_id)
{
    if(initialized)
        return;
    
    div = document.getElementById(div_id);
    img = document.getElementById(img_id);

    images[0] = "images/suitsak1.png";
    images[1] = "images/suitsak2.png";
    
    is_ie = navigator.appName == "Microsoft Internet Explorer";
    
    initialized = true;
    
    scrapbook_flip();
}

function scrapbook_flip()
{
    scrapbook_fade();
}

function scrapbook_fade()
{
    alpha += 0.033 / fade_time;
    
    if(alpha < 1.0)
    {
        if(is_ie)
            img.filters.alpha.opacity = alpha * 100;
        else
            img.style.opacity = alpha;
        
        fade_timeout = setTimeout("scrapbook_fade()", 33);
    }
    else
    {
        alpha = 0;
        scrapbook_swap();
        clearTimeout(fade_timeout);
    }
}

function scrapbook_swap()
{
    var lol = "url(" + img.src + ")";
    
    div.style.backgroundImage = lol;
    
    if(is_ie)
        img.filters.alpha.opacity = 0;
    else
        img.style.opacity = 0;
    
    if(++image_index == images.length)
        image_index = 0;
    
    img.src = images[image_index];
    
    clearTimeout(flip_timeout);
    flip_timeout = setTimeout("scrapbook_flip()",2000);
}