/***********************************************
* Fade-in image slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

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

var fadeimages = new Array()
//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:
fadeimages[0] = ["Images/slideshow/slide1.png", "http://www.betancourtirrigationandlandscaping.com", "_blank"] //plain image syntax
fadeimages[1] = ["Images/slideshow/slide2.png", "3d.aspx", ""] //image with link syntax
fadeimages[2] = ["Images/slideshow/slide3.png", "http://www.texasautomotiverepairs.com", "_blank"] //image with link and target syntax
fadeimages[3] = ["Images/slideshow/slide4.png", "http://www.thegumboarmory.com", "_blank"]
fadeimages[4] = ["Images/slideshow/slide9.png", "http://leadme.openboxproductions.com", "_blank"]
fadeimages[5] = ["Images/slideshow/slide5.png", "http://www.starshinedesign.com/AAFinal/index.html", "_blank"]
fadeimages[6] = ["Images/slideshow/slide6.png", "3d.aspx", ""]
fadeimages[7] = ["Images/slideshow/slide7.png", "http://kod.openboxproductions.com", "_blank"]
fadeimages[8] = ["Images/slideshow/slide8.png", "http://www.bayoudragon.com", "_blank"]


////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][0]
}

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=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;visibility: hidden"></div></div>')
else
    document.write('<img name="defaultslide" src="' + fadeimages[0][0] + '">')

var curpos = 1
var degree = 1
var curcanvas = "canvas0"
var curimageindex = 0
var nextimageindex = 1

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

function insertimage(i) {
    var tempcontainer = fadeimages[i][1] != "" ? '<a href="' + fadeimages[i][1] + '" target="' + fadeimages[i][2] + '">' : ""
    tempcontainer += '<img src="' + fadeimages[i][0] + '" border="0">'
    tempcontainer = fadeimages[i][1] != "" ? tempcontainer + '</a>' : tempcontainer
    return tempcontainer
}

function rotateimage() {
    if (ie4 || dom) {
        resetit(curcanvas)
        var crossobj = tempobj = ie4 ? eval("document.all." + curcanvas) : document.getElementById(curcanvas)
        crossobj.style.zIndex++
        tempobj.style.visibility = "visible"
        var temp = 'setInterval("fadepic()", 1)'
        dropslide = eval(temp)
        curcanvas = (curcanvas == "canvas0") ? "canvas1" : "canvas0"
    }
    else
        document.images.defaultslide.src = fadeimages[curimageindex][0]
    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 / 101
}

function startit() {
    var crossobj = ie4 ? eval("document.all." + curcanvas) : document.getElementById(curcanvas)
    crossobj.innerHTML = insertimage(curimageindex)
    rotateimage()
}

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