/***********************************************
* Translucent 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 trans_width = '450px' //slideshow width
var trans_height = '300px' //slideshow height
var pause = 4000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var degree = 40 //animation speed. Greater is faster.

var slideshowcontent = new Array()
//Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET]
slideshowcontent[0] = ["images/front_one.jpg"]
slideshowcontent[1] = ["images/front_two.jpg"]
slideshowcontent[2] = ["images/front_three.jpg"]
slideshowcontent[3] = ["images/front_four.jpg"]
slideshowcontent[4] = ["images/front_five.jpg"]
slideshowcontent[5] = ["images/front_six.jpg"]
slideshowcontent[6] = ["images/front_seven.jpg"]
slideshowcontent[7] = ["images/front_eight.jpg"]
slideshowcontent[8] = ["images/front_nine.jpg"]


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

var bgcolor = 'white'

var imageholder = new Array()
for (i = 0; i < slideshowcontent.length; i++) {
    imageholder[i] = new Image()
    imageholder[i].src = slideshowcontent[i][0]
}

var ie4 = document.all
var dom = document.getElementById && navigator.userAgent.indexOf("Opera") == -1

if (ie4 || dom)
    document.write('<div style="position:relative;width:' + trans_width + ';height:' + trans_height + ';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:' + bgcolor + ';width:' + trans_width + ';height:' + trans_height + ';left:-' + trans_width + ';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:' + bgcolor + ';width:' + trans_width + ';height:' + trans_height + ';left:-' + trans_width + ';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
else if (document.layers) {
    document.write('<ilayer id=tickernsmain visibility=hide width=' + trans_width + ' height=' + trans_height + ' bgColor=' + bgcolor + '><layer id=tickernssub width=' + trans_width + ' height=' + trans_height + ' left=0 top=0>' + '<img src="' + slideshowcontent[0][0] + '"></layer></ilayer>')
}

var curpos = trans_width * (-1)
var curcanvas = "canvas0"
var curindex = 0
var nextindex = 1

function getslidehtml(theslide) {
    var slidehtml = ""
    if (theslide[1] != "")
        slidehtml = '<a href="' + theslide[1] + '" target="' + theslide[2] + '">'
    slidehtml += '<img src="' + theslide[0] + '" border="0">'
    if (theslide[1] != "")
        slidehtml += '</a>'
    return slidehtml
}

function moveslide() {
    if (curpos < 0) {
        curpos = Math.min(curpos + degree, 0)
        tempobj.style.left = curpos + "px"
    }
    else {
        clearInterval(dropslide)
        if (crossobj.filters)
            crossobj.filters.alpha.opacity = 100
        else if (crossobj.style.MozOpacity)
            crossobj.style.MozOpacity = 1
        nextcanvas = (curcanvas == "canvas0") ? "canvas0" : "canvas1"
        tempobj = ie4 ? eval("document.all." + nextcanvas) : document.getElementById(nextcanvas)
        tempobj.innerHTML = getslidehtml(slideshowcontent[curindex])
        nextindex = (nextindex < slideshowcontent.length - 1) ? nextindex + 1 : 0
        setTimeout("rotateslide()", pause)
    }
}

function rotateslide() {
    if (ie4 || dom) {
        resetit(curcanvas)
        crossobj = tempobj = ie4 ? eval("document.all." + curcanvas) : document.getElementById(curcanvas)
        crossobj.style.zIndex++
        if (crossobj.filters)
            document.all.canvas0.filters.alpha.opacity = document.all.canvas1.filters.alpha.opacity = 20
        else if (crossobj.style.MozOpacity)
            document.getElementById("canvas0").style.MozOpacity = document.getElementById("canvas1").style.MozOpacity = 0.2
        var temp = 'setInterval("moveslide()",50)'
        dropslide = eval(temp)
        curcanvas = (curcanvas == "canvas0") ? "canvas1" : "canvas0"
    }
    else if (document.layers) {
        crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
        crossobj.document.close()
    }
    curindex = (curindex < slideshowcontent.length - 1) ? curindex + 1 : 0
}

function jumptoslide(which) {
    curindex = which
    rotateslide()
}

function resetit(what) {
    curpos = parseInt(trans_width) * (-1)
    var crossobj = ie4 ? eval("document.all." + what) : document.getElementById(what)
    crossobj.style.left = curpos + "px"
}

function startit() {
    crossobj = ie4 ? eval("document.all." + curcanvas) : dom ? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
    if (ie4 || dom) {
        crossobj.innerHTML = getslidehtml(slideshowcontent[curindex])
        rotateslide()
    }
    else {
        document.tickernsmain.visibility = 'show'
        curindex++
        setInterval("rotateslide()", pause)
    }
}

if (window.addEventListener)
    window.addEventListener("load", startit, false)
else if (window.attachEvent)
    window.attachEvent("onload", startit)
else if (ie4 || dom || document.layers)
    window.onload = startit