function showTab(x){
    document.getElementById('tabs').src='/images/dc_tab_'+x+'.gif';
    var tabDivs=document.getElementById('thumbs').getElementsByTagName('div')
    if(tabDivs.length){
        for(var i=0;i<tabDivs.length;i++){
            tabDivs[i].style.display='none';
        }
        document.getElementById(x).style.display='block';
    }
}
function showPhoto(loc,x,y){
    var photoImgs=document.getElementById('thumbs').getElementsByTagName('img')
    if(photoImgs.length){
        for(var i=0;i<photoImgs.length;i++){
            photoImgs[i].className='';
        }
    }
    document.getElementById('photo').src='/images/data_centers/'+loc+'/med/'+x+'.jpg';
    document.getElementById('th_'+x).className='selected';
    document.getElementById('caption').innerHTML=y;
    document.getElementById('viewlarger').href='javascript:viewLarger("'+loc+'","'+x+'")';
}
function viewLarger(loc,x){
    var popWindow=window.open('/slides/fullsize.html?photo='+x+'&loc='+loc,'title','width=800,height=600,location=no,scrollbars=no,toolbar=0,directories=0,status=0,menubar=0,resizable=no,screenx=0,screeny=0,top=0,left=0');popWindow.focus();
}

var delay = 50, transition = 5, t;
function setOpacity(opacity,id){
    var object=document.getElementById(id).style;
    object.opacity = (opacity/100);
    object.MozOpacity = (opacity/100);
    object.KhtmlOpacity = (opacity/100);
    object.filter = "alpha(opacity="+opacity+")";
}
function fadeIn( x, start ){
    t1 = 0;
    for( i=0; i <= 100; i++ ){
        if( start == "true" ){
            setTimeout( "setOpacity('" + i + "','" + x.id + "')", 0 );
        } else {
            setTimeout( "setOpacity('"+i+"','" + x.id + "')",( t1 * transition ) );
        }
        t1++;
    }
}
function fadeOut( y ){
    t2 = 0;
    for( m=100; m >= 0; m-- ){
        setTimeout( "setOpacity('" + m + "','" + y.id + "')", ( t2 * transition ) );
        t2++;
    }
}
function startSlideShow( x, start ){
    clearTimeout( t );
    for( j = 0; j < imagesArray.length; j++ ){
        imagesArray[j].id = 'image'+j;
        captionsArray[j].id = 'caption'+j;
        linksArray[j].className = '';
        setOpacity( '0', captionsArray[j].id )
        if( imagesArray[j].style.zIndex == 1 ){
            imagesArray[j].style.zIndex = 0;
            captionsArray[j].style.zIndex = 0;
            if( j != x ){
                fadeOut( imagesArray[j] )
                fadeOut( captionsArray[j] )
            }
        }else{
            setOpacity( '0', imagesArray[j].id )
        }
    }
    imagesArray[x].style.zIndex = 1;
    captionsArray[x].style.zIndex = 1;
    linksArray[x].className = 'current';
    fadeIn( imagesArray[x], start );
    fadeIn( captionsArray[x], start );
    x++;
    if( x > slides.length - 1 ){
        x = 0
    }
    t = setTimeout( "startSlideShow(" + x + "," + start + ")", delay * 100 );
}

function showSlide( x, start ){
    clearTimeout( t );
    for( j = 0; j < imagesArray.length; j++ ){
        imagesArray[j].id = 'image'+j;
        captionsArray[j].id = 'caption'+j;
        linksArray[j].className = '';
        setOpacity( '0', captionsArray[j].id )
        if( imagesArray[j].style.zIndex == 1 ){
            imagesArray[j].style.zIndex = 0;
            captionsArray[j].style.zIndex = 0;
            if( j != x ){
                fadeOut( imagesArray[j] )
                fadeOut( captionsArray[j] )
            }
        }else{
            setOpacity( '0', imagesArray[j].id )
        }
    }
    imagesArray[x].style.zIndex = 1;
    captionsArray[x].style.zIndex = 1;
    linksArray[x].className = 'current';
    fadeIn( imagesArray[x], start );
    fadeIn( captionsArray[x], start );
    x++;
    if( x > slides.length - 1 ){
        x = 0
    }
}

var slides = document.getElementById( 'slideShowImages' ).getElementsByTagName( 'img' );
var captions = document.getElementById( 'slideShowCaptions' ).getElementsByTagName( 'span' );
var links = document.getElementById( 'slideShowLinks' ).getElementsByTagName( 'a' );
var imagesArray = new Array();
var captionsArray = new Array();
var linksArray = new Array();
var i = 0;
while( i < slides.length ){
    imagesArray.push( slides[i] );
    captionsArray.push( captions[i] );
    linksArray.push( links[i] );
    i++;
}