/*
    CROSSFADE between two image containers
    
    images are in imageList = new Array('img_url', 'img_url', ...);
    typically generated by server side script
*/

// configuration -------------------------- 
var img_list_pos = 0;
var time_to_fade = 10000;
var fade_speed = 1500;
// ----------------------------------------

var c1 = null;
var c2 = null;
var ac = null;

jq(document).ready(function() {
    c1 = jq("#image-container-1"); // container 1
    c2 = jq("#image-container-2"); // container 2
    ac = c1;                       // active container

    // initial hiding
    c1.hide();
    c2.hide();
    
    if(typeof imageList != "undefined" && imageList.length>0) {
        c1.attr('src',imageList[img_list_pos]);
        c1.ready(function() {
            c1.fadeIn(fade_speed);
        });
        if(imageList.length>1) {
            window.setTimeout("swap_images()",time_to_fade);
        }
    } else {
        alert("Please define 'var imageList = new Array('img_url','img_url');'");
    }
});

function swap_images() {
    loader = (ac==c1) ? c2 : c1;
    
    // jump to next image
    img_list_pos = (img_list_pos<imageList.length-1) ? img_list_pos+1 : 0;
    
    // load image and fade
    loader.attr('src',imageList[img_list_pos])
    loader.ready(function() {
        loader.fadeIn(fade_speed);
        ac.fadeOut(fade_speed);
    });
     
    ac = loader;
    window.setTimeout("swap_images()",time_to_fade);
}