var slideshow_width='385px' //SET IMAGE WIDTH
var slideshow_height='255px' //SET IMAGE HEIGHT
var box_height='30px'
var pause=4000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var rotation_objects = [
    {
        'image':"http://www.bigeast.org/fls/19400/site_graphics/champs_photos/fh-champ-09-1.jpg",
        'title': "Check out the Championship Bracket!",
        'url' : "http://www.bigeast.org/fls/19400/pdfs/fieldhockey/09bracket.pdf?DB_OEM_ID=19400" 
    },
    {
        'image':"http://www.bigeast.org/fls/19400/site_graphics/champs_photos/fh-champ-09-2.jpg",
        'title': "Check out postgame video",
        'url' : "https://www.nmnathletics.com/flexReg/doReg.dbml?DB_OEM_ID=19400" 
    },	

   {
        'image':"http://www.bigeast.org/fls/19400/site_graphics/champs_photos/big-east-rp09.jpg",
        'title': "Buy Championship Photos",
        'url' : "http://www.replayphotos.com/bigeastphotostore/field-hockey-pictures/_FHK___0001024.cfm" 
    }

];

var fadeimages=new Array()
for (var i = 0; i < rotation_objects.length; i++)
{
    var o = rotation_objects[i];
    fadeimages[i] = o.image;
}




var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}

var ie4=document.all
var dom=document.getElementById

if (ie4||dom)
{
    document.write('<div style="position:relative;width:' +
    slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div  id="canvas0" \
    style="position:absolute;width:' + slideshow_width+';height:' + 
    slideshow_height+';top:0;left:0;filter:alpha(opacity=5);-moz-opacity:5"></div> \
    <div id="canvas1" style="position:absolute;width:' + slideshow_width+';height:' + 
    slideshow_height + ';top:0;left:0;filter:alpha(opacity=5);-moz-opacity:5"> \
    </div>')
    var box_style = 'z-index:10;height:' + box_height + ';width:' +
        slideshow_width + ';position:absolute;bottom:0px;left:0px;'
    var opacity_style = box_style + ';filter:alpha(opacity=50);opacity:.5;background:#000;';
    var link_box_style = box_style + 'background: transparent;';
    var link_style = "color:#fff;line-height:"+box_height+";vertical-align:middle; \
                      font-weight:bold;text-decoration:none;font-size:14px;";
    document.write('<div id="opacity_box" style="' + opacity_style + '"> </div> \
        <div style="'+link_box_style + '"id="link_box"> \
        <a id="fade_link" style="'+link_style+'"href="#"></a></div></div>');
}
else
{
    document.write('<img name="defaultslide" src="'+fadeimages[0]+'" />')
}
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1


function fadepic(){
    if (curpos<100)
    {
        curpos+=10
        if (tempobj.filters)
            tempobj.filters.alpha.opacity=curpos
        else if (tempobj.style.MozOpacity)
            tempobj.style.MozOpacity=curpos/100
    }
    else
    {
        clearInterval(dropslide)
        nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
        tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
        tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
        nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
        setTimeout("rotateimage()",pause)
    }
}

function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
var f_link = document.getElementById("fade_link");
f_link.href = rotation_objects[curimageindex].url;
f_link.innerHTML = rotation_objects[curimageindex].title;
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}

function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}

function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}

if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)