var fadeimages = new Array();
var preloadedimages = new Array();
		fadeimages[0]="images/slide_img_01.jpg"
		fadeimages[1]="images/slide_img_02.jpg"
		fadeimages[2]="images/slide_img_03.jpg"
		fadeimages[3]="images/slide_img_04.jpg"
		fadeimages[4]="images/slide_img_05.jpg"
		
    
		
		for (var p=0;p<fadeimages.length;p++){
			preloadedimages[p]=new Image()
			preloadedimages[p].src=fadeimages[p]
		}



function showRow(x, y, show)
{
var i = document.getElementById("row");
i.style.left = x;
i.style.top = y;
i.style.display = show?"":"none";
}
function Slider(nm)
{
	this.nm = nm
	this.slideshow_width='207px'
	this.slideshow_height='209px'
	this.pause=2000
	this.dropslide= null
	
	

	this.ie4=document.all
	this.dom=document.getElementById


	this.curpos=10
	this.degree=10
	this.curcanvas=this.nm + "0"
	this.curimageindex=0
	this.nextimageindex=1
	this.tempobj = new Object()

	this.canvastempobj;//???
	
	this.init = init
	this.fadepic = fadepic
	this.rotateimage = rotateimage
	this.resetit = resetit
	this.startit = startit

}
		
	function init()
	{
		if (this.ie4||this.dom){
		document.write('<div style="margin-top:1px;position:relative;width:'+this.slideshow_width+';height:'+this.slideshow_height+';overflow:hidden"><div id="'+this.nm+'0" style="position:absolute;width:'+this.slideshow_width+';height:'+this.slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="'+this.nm+'1" style="position:absolute;width:'+this.slideshow_width+';height:'+this.slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
		}else
		document.write('<img name="def'+this.nm+'" src="'+fadeimages[0]+'">')

	}

	
function fadepic(){
if (this.curpos<100){
	this.curpos+=10
	if (this.tempobj.filters)this.tempobj.filters.alpha.opacity=this.curpos
		else if (this.tempobj.style.MozOpacity)this.tempobj.style.MozOpacity=this.curpos/100
		
		
}
else{
	top.clearInterval(this.dropslide)
	this.nextcanvas=(this.curcanvas==this.nm+"0")? this.nm+ "0" : this.nm + "1"
	this.tempobj=this.ie4? eval("document.all."+this.nextcanvas) : document.getElementById(this.nextcanvas)
	this.tempobj.innerHTML='<img src="'+fadeimages[this.nextimageindex]+'">'
	this.nextimageindex=(this.nextimageindex<fadeimages.length-1)? this.nextimageindex+1 : 0
	top.setTimeout(this.nm + ".rotateimage()",this.pause)
}
}

function rotateimage(){
if (this.ie4||this.dom){
this.resetit()
var crossobj=this.tempobj=this.ie4? eval("document.all."+this.curcanvas) : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
this.dropslide=eval('top.setInterval("'+this.nm+'.fadepic()",50)')
this.curcanvas=(this.curcanvas==this.nm +"0")? this.nm+"1" : this.nm+"0"
}
else
eval("document.images.def"+this.nm).src=fadeimages[this.curimageindex]
this.curimageindex=(this.curimageindex<fadeimages.length-1)? this.curimageindex+1 : 0
}

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

function startit(){
var crossobj=this.ie4? eval("document.all."+this.curcanvas) : document.getElementById(this.curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[this.curimageindex]+'">'
eval(this.nm + ".rotateimage()")
}