var dom = (document.getElementById) //modern dom browsers
	var iebrowser = document.all
	var MultiSlideShowArray = Array()
	function MultiSlideShow( fadebgcolor, delay,pause )
	{
		this.onPause = 0;
		this.tabNums = Array();
		this.addTabOn = 0;
		this.tabOn = 0;
		this.currentImage = -1;
		this.fadebgcolor = fadebgcolor;
		this.delay = delay;
		this.pause = pause;
		this.slideshowid=MultiSlideShowArray.length;
		MultiSlideShowArray[this.slideshowid]=this;
		this.theimages = Array();
		this.postimages = Array();
		this.width = 0;
		this.height = 0;
		this.canvasbase="canvas"+this.slideshowid
		this.curcanvas=this.canvasbase+"_0"
		this.altcanvas=this.canvasbase+"_1"
		this.degree=-10; 
		this.direction = 1;
		this.nofade = false;
	}
	MultiSlideShow.prototype.setTab=function( nm )
	{
		this.pauseOn=0;
		this.degree = 0;
		this.tabOn = nm;
		this.currentImage = -1;
		this.altcanvas = this.curcanvas;
		this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
		if (iebrowser&&dom||dom)
		{
			var picobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
			picobj.innerHTML='';
			var picobj=iebrowser? iebrowser[this.altcanvas] : document.getElementById(this.altcanvas)
			picobj.innerHTML='';
			this.nofade = true;
			this.rotateimage();
			this.currentImage = -1;
		}
		this.rotateimage();
	}
	MultiSlideShow.prototype.setStartTab=function( nm )
	{
		this.tabOn = nm;
	}
	MultiSlideShow.prototype.setAddTab=function( nm )
	{
		this.addTabOn = nm;
		if( this.theimages[nm] ){}
		else
		{
			this.tabNums[this.tabNums.length]=nm;	
			this.theimages[nm] = Array();
		}
	}
	MultiSlideShow.prototype.addImage=function( src, w, h )
	{
		this.theimages[this.addTabOn][this.theimages[this.addTabOn].length] = [src,w,h];
		this.width = Math.max( this.width, w);
		this.height = Math.max( this.height, h);	
	}
	MultiSlideShow.prototype.draw=function()
	{
		for( var i = 0 ; i <this.tabNums.length;i++)
		{
			this.postimages[this.tabNums[i]]=Array();
			for( var j=0;j<this.theimages[this.tabNums[i]].length;j++)
			{
				this.postimages[this.tabNums[i]][j] =new Image();
				this.postimages[this.tabNums[i]][j].src=this.theimages[this.tabNums[i]][j][0];
			}
		}
		if (iebrowser&&dom||dom)
		{
			document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+this.width+'px;height:'+this.height+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+this.width+'px;height:'+this.height+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+this.fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+this.width+'px;height:'+this.height+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+this.fadebgcolor+'"></div></div>')
			this.layer = iebrowser? iebrowser['master'+this.slideshowid] : document.getElementById('master'+this.slideshowid );
			this.style = this.layer.style?this.layer.style:this.layer;
		}
		else
		{
			if( this.theimages[this.tabOn].length == 0 )
			{
				firstImage = 'images/spacer.gif';
			}
			else
			{
				firstImage = this.theimages[this.tabOn][0][0];
			}
			document.write('<div id="master'+this.slideshowid+'"><img name="defaultslide'+this.slideshowid+'" src="'+firstImage+'"></div>')
		}
		this.tick();
	}
	MultiSlideShow.prototype.tick=function()
	{
		if( this.onPause >0 )
		{
			this.onPause--;
		}
		else
		{
			this.degree += this.direction*10;
			if( this.degree == 0 )
			{
				this.rotateimage();
				this.nofade = false;
			}
			else if( this.degree == 100 )
			{
				this.setTran(this.altcanvas,false);
				this.setTran(this.curcanvas,true);
				this.degree = -10
				this.onPause = this.pause;
			}
			else if( this.degree < 100 )
			{
				
				this.setTran(this.altcanvas,false);
				this.setTran(this.curcanvas,true);
			}
			
		}
		window.setTimeout( 'MultiSlideShowArray['+this.slideshowid+'].tick();',this.delay);
	}
	
	MultiSlideShow.prototype.rotateimage=function()
	{
		this.currentImage++;
		if( this.currentImage >= this.theimages[this.tabOn].length )
		{
			this.currentImage = 0;
		}
		if (iebrowser&&dom||dom)
		{
			this.resetit()
			var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
			crossobj.style.zIndex++
			this.altcanvas = this.curcanvas;
			this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
		}
		else
		{
			var ns4imgobj=document.images['defaultslide'+this.slideshowid]
			ns4imgobj.src=this.theimages[this.tabOn][this.currentImage]?this.theimages[this.tabOn][this.currentImage][0]:'images/spacer.gif';
		}
	}
	MultiSlideShow.prototype.setTran=function( canvas,negate )
	{
		if (iebrowser&&dom||dom)
		{
			var deg = this.theimages[this.tabOn].length==1||this.nofade?100:this.degree;
			var deg =negate?100-deg:deg;
			var crossobj=iebrowser? iebrowser[canvas] : document.getElementById(canvas)
			if (crossobj.filters&&crossobj.filters[0]){
			if (typeof crossobj.filters[0].opacity=="number") //if IE6+
			crossobj.filters(0).opacity=deg
			else //else if IE5.5-
			crossobj.style.filter="alpha(opacity="+deg+")"
			}
			else if (crossobj.style.MozOpacity)
			crossobj.style.MozOpacity=deg/101
			else if (crossobj.style.KhtmlOpacity)
			crossobj.style.KhtmlOpacity=deg/100
			else if (crossobj.style.opacity&&!crossobj.filters)
			crossobj.style.opacity=deg/101
		}
	}
	MultiSlideShow.prototype.resetit=function()
	{
		this.populateslide();
		this.direction=1;
		this.degree=10;
	}
	MultiSlideShow.prototype.populateslide=function()
	{
		if( this.theimages[this.tabOn][this.currentImage] )
		{
			var picobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
			picobj.innerHTML='<img src="'+this.theimages[this.tabOn][this.currentImage][0]+'" />';
			this.style.display='block';
		}
		else
		{
			this.style.display='none';
		}
		/*
		if( this.theimages.length <=picindex ) return;
		var slideHTML=""
		if (this.theimages[picindex][1]!="") //if associated link exists for image
		slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
		slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
		if (this.theimages[picindex][1]!="") //if associated link exists for image
		slideHTML+='</a>'
		picobj.innerHTML=slideHTML
		*/
	}
	var fadearray = new Array() //array to cache fadeshow instances
	var fadeclear = new Array() //array to cache corresponding clearinterval pointers
	 

	 
	function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
		this.pausecheck = pause
		this.mouseovercheck=0
		this.delay=delay
		this.degree=10 //initial opacity degree (10%)
		this.curimageindex=0
		this.nextimageindex=1
		fadearray[fadearray.length]=this
		this.slideshowid=fadearray.length-1
		this.canvasbase="canvas"+this.slideshowid
		this.curcanvas=this.canvasbase+"_0"
		if (typeof displayorder!="undefined")
			theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
		this.theimages=theimages
		this.imageborder=parseInt(borderwidth)
		this.postimages=new Array() //preload images
		for (p=0;p<theimages.length;p++){
			this.postimages[p]=new Image()
			this.postimages[p].src=theimages[p][0]
		}
		 
		var fadewidth=fadewidth+this.imageborder*2
		var fadeheight=fadeheight+this.imageborder*2
		 
		if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
			document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
		else
			document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
		 
		if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
			this.startit()
		else {
			this.curimageindex++
			setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
		}
	}
	
	function fadepic(obj){
		if (obj.degree<100){
			obj.degree+=10
			if (obj.tempobj.filters&&obj.tempobj.filters[0]){
				if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
					obj.tempobj.filters[0].opacity=obj.degree
				else //else if IE5.5-
					obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
				}
			else if (obj.tempobj.style.MozOpacity)
				obj.tempobj.style.MozOpacity=obj.degree/101
			else if (obj.tempobj.style.KhtmlOpacity)
				obj.tempobj.style.KhtmlOpacity=obj.degree/100
			else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
				obj.tempobj.style.opacity=obj.degree/101
		}
		else {
			clearInterval(fadeclear[obj.slideshowid])
			obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
			obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
			obj.populateslide(obj.tempobj, obj.nextimageindex)
			obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
			setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
		}
	}
		 
	fadeshow.prototype.populateslide=function(picobj, picindex){
	if( this.theimages.length <=picindex ) return;
	var slideHTML=""
	if (this.theimages[picindex][1]!="") //if associated link exists for image
	slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
	slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
	if (this.theimages[picindex][1]!="") //if associated link exists for image
	slideHTML+='</a>'
	picobj.innerHTML=slideHTML
	}
		 
		 
	fadeshow.prototype.rotateimage=function(){
if( this.theimages.length==1)
{
	if( this.firstFade )
	{
		return;
	}
	this.firstFade=true;
}
	if (this.pausecheck==1) //if pause onMouseover enabled, cache object
	var cacheobj=this
	if (this.mouseovercheck==1)
	setTimeout(function(){cacheobj.rotateimage()}, 100)
	else if (iebrowser&&dom||dom){
	this.resetit()
	var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	crossobj.style.zIndex++
	fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
	this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
	}
	else{
	var ns4imgobj=document.images['defaultslide'+this.slideshowid]
	ns4imgobj.src=this.postimages[this.curimageindex].src
	}
	this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
	}
	 
	fadeshow.prototype.resetit=function(){
	this.degree=10
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	if (crossobj.filters&&crossobj.filters[0]){
	if (typeof crossobj.filters[0].opacity=="number") //if IE6+
	crossobj.filters(0).opacity=this.degree
	else //else if IE5.5-
	crossobj.style.filter="alpha(opacity="+this.degree+")"
	}
	else if (crossobj.style.MozOpacity)
	crossobj.style.MozOpacity=this.degree/101
	else if (crossobj.style.KhtmlOpacity)
	crossobj.style.KhtmlOpacity=this.degree/100
	else if (crossobj.style.opacity&&!crossobj.filters)
	crossobj.style.opacity=this.degree/101
	}
	 
	 
	fadeshow.prototype.startit=function(){
	var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
	this.populateslide(crossobj, this.curimageindex)
	if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
	var cacheobj=this
	var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
	crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
	crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
	}
	this.rotateimage()
}