var slideshow_duration = 4.0;

var slideshow_top = false;
var slideshow_bottom = false;

var slideshow_current = 0;
var slideshow_url = '';


function slideshow_getList(){
    return slideshow_images.join('[,]');
}
function slideshow_getDuration(){
    return slideshow_duration;
}

function slideshow_hide(l){
    jQuery( l ).fadeOut(0);
}

function slideshow_unhide(l){
    jQuery( l ).fadeIn(0);
}

function slideshow_loading(){
    if(slideshow_image.complete){
        clearInterval(slideshow_loadingTimer);
        slideshow_loaded();
    }
}

function slideshow_loaded(){

    slideshow_top.style.backgroundImage='url('+slideshow_url+')';

    jQuery(slideshow_top).fadeIn(1000,function(){

                                 slideshow_bottom.style.backgroundImage='url('+slideshow_url+')';
                                 slideshow_unhide(slideshow_bottom);
                                 slideshow_hide(slideshow_top);
                                 setTimeout('slideshow_next()',slideshow_duration - 1000);
                                 });

}


function slideshow_view(src){
    var newimage = new Image();
    newimage.onload = slideshow_loaded;
    slideshow_url = newimage.src=src;
}

function slideshow_next(){
    slideshow_current++;
    if(slideshow_current==slideshow_images.length)
        slideshow_current=0;
        
    slideshow_view(slideshow_images[slideshow_current]);
}

function slideshow_init(){
    var masker_s = document.getElementById('masker').style;
    masker_s.position='absolute';
    masker_s.zIndex=3;
    
    var h=document.getElementById('header');
    
    var layer=document.createElement('DIV');
    layer.style.zIndex=1;
    slideshow_bottom=layer;
    h.appendChild(layer);

    
    layer=document.createElement('DIV');
    layer.style.zIndex=2;
    slideshow_top=layer;
    h.appendChild(layer);
    

    slideshow_hide(slideshow_top);
    
    slideshow_top.style.width = slideshow_bottom.style.width = '100%';
    slideshow_top.style.height = slideshow_bottom.style.height = '100%';
    slideshow_top.style.top = slideshow_bottom.style.top = '0px';
    slideshow_top.style.position = slideshow_bottom.style.position = 'absolute';
        
    slideshow_url = slideshow_images[slideshow_current];
    
    slideshow_bottom.style.backgroundImage='url('+slideshow_url+')';

    slideshow_duration= Math.floor(slideshow_duration * 1000);
    
    setTimeout('slideshow_next()',slideshow_duration);
}

jQuery(document).ready(slideshow_init);