/************************************************************************************************************

Name:               header_slideshow.js

Created by:         Webwyze designs, www.webwyze.com, 2006

Updated by:         
        on:         

Purpose:            This javascript creates the slideshow of images contained
                    within the top right-hand corner of the header.

Assumptions:        <none>

Update History:     <none>

Notices:            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 = '287px';                   // set image width
var slideshow_height = '215px';                  // set image height
var pause = 3000;                                // set pause between slide (3000 = 3 secs)

var fadeimages = new Array();                    // fadeimages is a multi-dimensional array

//SET 1) IMAGE PATHS, 2) optional link, 3), optional link target:

fadeimages[0] = ["images/guildMotto_24pt.png", "", ""];   // plain image syntax
fadeimages[1] = ["images/P005.jpg", "", ""];         // plain image syntax
fadeimages[2] = ["images/P010.jpg", "", ""];         // plain image syntax
fadeimages[3] = ["images/P015.jpg", "", ""];         // plain image syntax
fadeimages[4] = ["images/P020.jpg", "", ""];         // plain image syntax
fadeimages[5] = ["images/P030.jpg", "", ""];         // plain image syntax
fadeimages[6] = ["images/P040.jpg", "", ""];         // plain image syntax
fadeimages[7] = ["images/P050.jpg", "", ""];         // plain image syntax
fadeimages[8] = ["images/P060.jpg", "", ""];         // plain image syntax
fadeimages[9] = ["images/P070.jpg", "", ""];         // plain image syntax
fadeimages[10] = ["images/P080.jpg", "", ""];        // plain image syntax
fadeimages[11] = ["images/P090.jpg", "", ""];        // plain image syntax
fadeimages[12] = ["images/P100.jpg", "", ""];        // plain image syntax
fadeimages[13] = ["images/P110.jpg", "", ""];        // plain image syntax
fadeimages[14] = ["images/P120.jpg", "", ""];        // plain image syntax
fadeimages[15] = ["images/P130.jpg", "", ""];        // plain image syntax
fadeimages[16] = ["images/guildMotto_24pt.png", 
    "", ""];                           // image with link and target syntax

// ********************************* //
// ** 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 dom = document.getElementById;

if (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 alt="image" 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 = document.getElementById(nextcanvas);
        tempobj.innerHTML = insertimage(nextimageindex);

        /*nextimageindex = (nextimageindex<fadeimages.length-1) ? nextimageindex+1 : 0*/

        nextimageindex = (nextimageindex<fadeimages.length-1) ? nextimageindex+1 : fadeimages.length-1;
        var tempobj2 = 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 (dom){
        resetit(curcanvas);
        var crossobj = tempobj = 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 = 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 = document.getElementById(curcanvas);
    crossobj.innerHTML = insertimage(curimageindex);
    rotateimage();

}