/***********************************************
* 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
***********************************************/


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


var ie4=document.all
var dom=document.getElementById

/*
if (ie4||dom) {
document.write('<div style="position:relative;width:'+slideshow_width+';overflow:hidden"><div  id="canvas0" style="position:absolute;width:'+slideshow_width+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';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=10
var degree=10
var curcanvas;
var canvas0;
var canvas1;
var myimages;
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=document.getElementById(nextcanvas)
		
		tempobj.innerHTML=insertimage(nextimageindex)
		
		
		nextimageindex=(nextimageindex<myimages.length-1)? nextimageindex+1 : 0
		
		//var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
		var tempobj2 = document.getElementById(nextcanvas)
		
		tempobj2.style.visibility="hidden"
		setTimeout("rotateimage()",pause)
		
	}
}




function rotateimage(){
	if (ie4||dom){
		resetit(curcanvas)
		//var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(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=myimages[curimageindex][0]
	curimageindex=(curimageindex<myimages.length-1)? curimageindex+1 : 0
}


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



function resetit(what){
	curpos=10
	//ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	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(mycanvas0, mycanvas1, fadeimages){
	//var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	canvas0 = mycanvas0;
	canvas1 = mycanvas1;
	myimages = fadeimages;

	curcanvas = canvas0;
	var crossobj=document.getElementById(curcanvas)
	crossobj.innerHTML=insertimage(curimageindex)
	rotateimage()
}


*/

var SlideShow = function (mycanvas0, mycanvas1, fadeimages, myid) {
	this.canvas0 = mycanvas0;
	this.canvas1 = mycanvas1;
	this.myimages = fadeimages;
	this.curcanvas = this.canvas0;
	this.nextcanvas = this.canvas1;
	this.id = myid;
	this.dropslide;
	
	this.curpos=10
	this.degree=10
	this.curimageindex=0
	this.nextimageindex=1
	
	
	
	

	this.fadepic = function (indx, tempobj){
		var myslide = window.slideshow_arr[indx];
		if (myslide.curpos<100){
			myslide.curpos+=10	
			if (tempobj.filters)
				tempobj.filters.alpha.opacity=myslide.curpos
			else if (tempobj.style.MozOpacity)
				tempobj.style.MozOpacity=myslide.curpos/101
		}
		else{
			clearInterval(myslide.dropslide)
			
			myslide.nextcanvas=(myslide.curcanvas==myslide.canvas0)? myslide.canvas0 : myslide.canvas1
	
			
			//tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
	
			tempobj=document.getElementById(myslide.nextcanvas)
			
			tempobj.innerHTML=myslide.insertimage(myslide.nextimageindex)
			
			myslide.nextimageindex=(myslide.nextimageindex<myslide.myimages.length-1)? myslide.nextimageindex+1 : 0
			
			//var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
			var tempobj2 = document.getElementById(myslide.nextcanvas)
			tempobj.style.visibility = "visible"
			tempobj2.style.visibility="hidden"
			
			setTimeout(function () { var s = window.slideshow_arr[indx ];  s.rotateimage(indx)},pause)
		}
	}
	
	
	
	
	this.rotateimage = function  (indx){	
		var myself = window.slideshow_arr[indx];
		if (ie4||dom){
			myself.resetit(myself.curcanvas)
			//var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
			var crossobj =  document.getElementById(myself.curcanvas);
			var tempobj = crossobj;
			crossobj.style.zIndex++
			tempobj.style.visibility="visible"
			//var temp = ''
			//dropslide=setInterval(this.fadepic,500, myself.id, tempobj);
			
			myself.dropslide = setInterval(function () { var myslide = window.slideshow_arr[myself.id]; myslide.fadepic(myself.id ,tempobj );} , 50);

			myself.curcanvas=(myself.curcanvas==myself.canvas0)? myself.canvas1 : myself.canvas0
		}else
			document.images.defaultslide.src=myself.myimages[myself.curimageindex][0]
		myself.curimageindex=(myself.curimageindex<myself.myimages.length-1)? myself.curimageindex+1 : 0

	}

	this.startit = function  (){
		var crossobj=document.getElementById(this.curcanvas)
		crossobj.innerHTML=this.insertimage(this.curimageindex)
		this.rotateimage(this.id)
	}
	
	
	this.resetit = function (what){
		this.curpos=10
		//ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		var crossobj=document.getElementById(what)
		if (crossobj.filters) {
			crossobj.filters.alpha.opacity=this.curpos
		}
		else if (crossobj.style.MozOpacity) {
			crossobj.style.MozOpacity=this.curpos/101
		}
	}
	
	
	this.insertimage = function (i){
		var tempcontainer=this.myimages[i][1]!=""? '<div class="photoHeadline">'+this.myimages[i][1]+'</div>' : ""
//		tempcontainer+='<table width="100%" align="center" style="border:1px solid black;" cellpadding="0" cellspacing="0"><tr><td valign="center" align="center"><img src="'+this.myimages[i][0]+'" border="0" /></td></tr></table>'
		tempcontainer+='<img src="'+this.myimages[i][0]+'" border="0" />'		
		tempcontainer=this.myimages[i][2]!=""? tempcontainer+'<div class="photoDescrp">'+this.myimages[i][2]+'</div>' : tempcontainer
		return tempcontainer
	}
	
	
	
	
}



/*
SlideShow.prototype.startit = function (){
	var crossobj=document.getElementById(this.curcanvas)
	crossobj.innerHTML=this.insertimage(this.curimageindex)
	this.rotateimage()
}


SlideShow.prototype.resetit = function(what){
	this.curpos=10
	//ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	var crossobj=document.getElementById(what)
	if (crossobj.filters) {
		crossobj.filters.alpha.opacity=this.curpos
	}
	else if (crossobj.style.MozOpacity)
		crossobj.style.MozOpacity=this.curpos/101
}


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




SlideShow.prototype.fadepic = function  (myobj){
	alert(myobj);
	if (curpos<100){
		this.curpos+=10	
		if (tempobj.filters)
			tempobj.filters.alpha.opacity=this.curpos
		else if (tempobj.style.MozOpacity)
			tempobj.style.MozOpacity=this.curpos/101
	}
	else{
		clearInterval(dropslide)
		this.nextcanvas=(this.curcanvas==this.canvas0)? this.canvas0 : this.canvas1
		
		//tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)

		tempobj=document.getElementById(this.nextcanvas)
		
		tempobj.innerHTML=this.insertimage(this.nextimageindex)
		
		this.nextimageindex=(this.nextimageindex<this.myimages.length-1)? this.nextimageindex+1 : 0
		
		//var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
		var tempobj2 = document.getElementById(this.nextcanvas)
		
		tempobj2.style.visibility="hidden"
		setTimeout("this.rotateimage()",pause)
		
	}
}
*/










/*
SlideShow.prototype.rotateimage = function(){	
	var myself;
	if (self == window) {
		myself = this;
	} else 
		myself = self;
	alert(myself.curcanvas);	
	if (ie4||dom){
		myself.resetit(myself.curcanvas)
		//var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		var crossobj =  document.getElementById(myself.curcanvas);
		var tempobj = crossobj;
		crossobj.style.zIndex++
		tempobj.style.visibility="visible"
		//var temp = ''
		//dropslide=setInterval(fadepic,500, myself.id, tempobj);

		dropslide = setInterval(function () { fadepic(myself.id ,tempobj )} , 50);

		myself.curcanvas=(myself.curcanvas==myself.canvas0)? myself.canvas1 : myself.canvas0
	}else
		document.images.defaultslide.src=myself.myimages[myself.curimageindex][0]
	myself.curimageindex=(myself.curimageindex<myself.myimages.length-1)? myself.curimageindex+1 : 0

}

*/



function refreshCaptcha() {

	document.images["captchaImage"].src = "/common/captcha/captcha.cfm?" + Math.random();
}