//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var slideshow_width = '601px' //SET IMAGE WIDTH
var slideshow_height = '303px' //SET IMAGE HEIGHT
var pause = 10000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages = new Array()
//SET IMAGE PATHS. Extend or contract array as needed

fadeimages[0] = "Images/fade1.jpg"
fadeimages[1] = "Images/fade2.jpg"
fadeimages[2] = "Images/fade3.jpg"
fadeimages[3] = "Images/fade4.jpg"
fadeimages[4] = "Images/fade5.jpg"

////NO need to edit beyond here/////////////

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="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=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:' + slideshow_width + ';height:' + slideshow_height + ';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
    document.write('<a href="/aboutcookies.aspx"><img border=0 name="defaultslide" src="' + fadeimages[0] + '"></a>')

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 = '<a href="/product/220822/FullerBrushSweepItAwayBroom1fromeachsalewillgotoTheBreastCancerResearchFoundation220822.aspx"><img border=0 src="' + fadeimages[nextimageindex] + '"></a>'
        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"
    }
    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 = '<a href="/product/220822/FullerBrushSweepItAwayBroom1fromeachsalewillgotoTheBreastCancerResearchFoundation220822.aspx"><img border=0 src="' + fadeimages[curimageindex] + '"></a>'
    rotateimage()
}

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