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

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/agehrlogo.gif", "", ""];  // 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/agehrlogo.gif", 
    "index.php", "_self"];                           // 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();

}

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