// Javascript - Slideshow

var slideshow_width = '300px' //SET IMAGE WIDTH
var slideshow_height = '123px' //SET IMAGE HEIGHT
var pause = 3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)

var fadeimages = new Array()

fadeimages[0] = ["images/Slides/cg_bnr_offer.jpg", "", ""]
fadeimages[1] = ["images/Slides/cg_bnr_delivery.jpg", "", ""]

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) {
}
else
    document.write('<img name="defaultslide" src="' + fadeimages[0][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 / 101
    }
    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()",50)'
	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)

