var monBlock = null;
var monImg = null;
var monIdx = 0;
var monContainer = null;
var monTimeout = 4000;
var monEffect = 2;
var monHref;
var monSrc;
var monCaption;
var suppressMenus = false; 

var urls = new Array();
var imgs = new Array();
var caps = new Array();

//


function autoconfig()
{
    if( document && document.images )
    {
        isCSS        = (document.body && document.body.style) ? true : false;
        isW3C        = (isCSS && document.getElementById) ? true : false;
        isIE4        = (isCSS && document.all && readIEVer() >= 4.0) ? true : false;
        isNN4        = (document.layers) ? true : false;
        isGecko        = (isCSS && navigator && navigator.product && navigator.product == "Gecko");
        isOpera        = (isCSS && navigator.userAgent.indexOf( "Opera") != -1 );
        isIE6CSS    = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
        isIE6        = ( isIE6CSS && readIEVer() >= 6.0 );
        isDHTML        = isCSS && ( isIE4 || isGecko || isOpera );

        if( suppressMenus )
        {
            // Netscape 6.2 puts the menus in the wrong place...
            // Safari, the menus don't go away... problem in ResetMenu
            isDHTML    = false;
        }
        else if( isOpera && readOperaVer() < 7 )
        {
            // Opera 6.x doesn't seem to like the DHTML...
            isDHTML    = false;
        }
        else if( isGecko && navigator.productSub <= 20011022 )
        {
            // Netscape 6.2 puts the menus in the wrong place...
            isDHTML    = false;
        }
        else if( isGecko && navigator.productSub == 20030107 )
        {
            var x = navigator.userAgent.indexOf( "AppleWebKit" );
            if( x > -1 )
            {
                // Tiger and newer versions of Safari ...
                isDHTML = ( navigator.userAgent.substring( x + 12, x + 15 ) ) > 300;
            }
            else
            {
                // older versions of Safari ... the menus don't go away... problem in ResetMenu
                isDHTML    = false;
            }
        }

    }

}


function readIEVer()
{
    var agent    = navigator.userAgent;
    var offset    = agent.indexOf( "MSIE" );
    if( offset < 0 )
    {
        return 0;
    }
    return parseFloat( agent.substring( offset + 5, agent.indexOf( ";", offset ) ) );
}

function readOperaVer()
{
    var agent    = navigator.userAgent;
    var offset    = agent.indexOf( "Opera" );
    if( offset < 0 )
    {
        return 0;
    }
    return parseFloat( agent.substring( offset + 6 ) );
}

//

function montage( href, src, caption, width, height, animate )
{
    if( monBlock )
    {
        return;
    }
        
    monHref        = href;
    monSrc        = src;
    monCaption    = caption;
    
    // this is the case for browsers that don't support filters...
    var cycle    = Math.floor( Math.random() * href.length );

    // switch off animation if we're not on broadband
    var m_montage    = ( typeof(animate) != "undefined" ? animate : hasBroadband() );                
    if( m_montage == false || src.length <= 1 || !isDHTML )
    {
        document.writeln( montagePicker( cycle ) );
        return;
    }
    
    // go build all of the nested DIVs out
    monIdx        = cycle;
    
    var nextImage    = (monIdx + 1) % src.length;

    if( height > 0 ) { document.writeln( "<div id=\"cont\" style=\"width:" + width +"px;height:" + height + "px\">" ); }
    else { document.writeln( "<div id=\"cont\" style=\"width:" + width +"px\">" ); }

    for( i = 0; i < src.length; i++ )
    {
        // set up a placeholder
        document.write( "<div id=\"montage" + i + "\" style=\"display:none\">" );
        
        if( i == nextImage )
        {
            // only prefetch the first image we will display
            document.write( montagePicker( i ) );
        }
        
        document.write( "</div>" );
    }

    document.writeln( "</div>" );

    // pull the images out
    monBlock    = new Array( src.length );
    monImg        = new Array( src.length );

    for( i = 0; i < src.length; i++ )
    {
        monBlock[i]    = document.getElementById( "montage" + i );
        
        if( i == nextImage )
        {
            monImg[i] = document.getElementById( "monimg" + i );
        }
        else
        {
            monImg[i] = null;
        }
    }

    monContainer = document.getElementById("cont");
    
    montageEffects();
}

function montageEffects()
{
    var nextImage    = (monIdx + 1) % monImg.length;
    
    // run the transition    
    if( readIEVer() >= 4.0 && monEffect > 0 )
    {
        try
        {
            if( monEffect == 1 )
            {
                monContainer.style.filter = "blendTrans(duration=0.6)";
                monContainer.filters(0).apply();
                 montageSelect( nextImage );
                monContainer.filters(0).play();
            }
            else
            {
                monContainer.style.filter = "blendTrans(duration=1.5) revealTrans(duration=1.0,transition=7)";
                monContainer.filters(0).apply();
                monContainer.filters(1).apply();
                 montageSelect( nextImage );
                monContainer.filters(0).play();
                monContainer.filters(1).play();
            }
        }
        catch( e ) { montageSelect( nextImage ); }
    }
    else
    {
        montageSelect( nextImage );
    }

    // asked to be called again a little later
    setTimeout( "montagePrep()", monTimeout - 1500 );
    setTimeout( "montageSwap()", monTimeout );
}

function montageSelect( nextImage )
{
    monBlock[monIdx].style.display = "none";
    monIdx = nextImage;
    monBlock[monIdx].style.display = "block";
}        

function montagePrep()
{
    // prefetch the next image if we don't already have it
    var nextImage    = (monIdx + 1) % monImg.length;

    if( !monImg[nextImage] )
    {
        monBlock[nextImage].innerHTML = montagePicker( nextImage );
        monImg[nextImage] = document.getElementById( "monimg" + nextImage );
    }
}

function montageSwap()
{
    if( monImg[monIdx].complete )
    {
        // move the image index along
        montageEffects();
    }
    else
    {
        // check again 3 seconds later
        setTimeout( "montageSwap()", 3000 );
    }
}

function montagePicker( cycle )
{
    var divHtml;

    if( monHref[cycle] != null ) 
    {
        divHtml = "<A href=\"" + monHref[cycle] + "\"><IMG src=\"" + monSrc[cycle] + "\" alt=\"" + monCaption[cycle] + "\" BORDER=\"0\" ID=\"monimg" + cycle + "\"></a>";
    }
    else
    {
        divHtml = "<IMG src=\"" + monSrc[cycle] + "\" ID=\"monimg" + cycle + "\">";
    }
    
    return divHtml;
}

function hasBroadband()
{
    if( readIEVer() < 5.0 )
    {
        return false;
    }
    
    try
    {
        document.body.addBehavior ("#default#clientCaps");
    
        return ( typeof(document.body.connectionType) != "undefined" && document.body.connectionType == "lan" );
    }
    catch( e )
    {
        return false;
    }
}