//Image Gallery

var img_gallery = new Object();

img_gallery.baseurl = "images/"; //Base file url/folder
img_gallery.showtime = 3;
img_gallery.fadetime = 5;
img_gallery.images = new Array(
    
	//Insert image links here, relative to the baseurl
	"migspirithome.jpg",
	"leopardhome.jpg",
	"iceformhome.jpg",
	"borderlinehome.jpg"
 
	
);


img_gallery.fade = function(from,to,time,type) {
	
	element = from;
	element_to = to;
	
	if (typeof(from) == "string") { element = document.getElementById(to); }
	if (typeof(to) == "string") { element_to = document.getElementById(from); }
	
	if (type == 1) {
		
		element_to.style.opacity = 1;
		element_to.style.filter = "alpha(opacity=100)";
		
		if (this.opacity < 1) {
			
			this.opacity += (60/time)/1000;
			
			if (this.opacity > 1) { this.opacity = 1; }
			
			element.style.opacity = this.opacity;
			element.style.filter = "alpha(opacity="+(this.opacity*100)+")";
			
		} else {
			
			element_to.style.opacity = 0;
			element_to.style.filter = "alpha(opacity=0)";
			
			clearInterval(this.interval);
			
		}
		
	} else if (type == 0) {
		
		element_to.style.opacity = 1;
		element_to.style.filter = "alpha(opacity=100)";
		
		if (this.opacity > 0) {
			
			this.opacity -= (60/time)/1000;
			
			if (this.opacity < 0) { this.opacity = 0; }
			
			element.style.opacity = this.opacity;
			element.style.filter = "alpha(opacity="+(this.opacity*100)+")";
			
		} else {
			
			clearInterval(this.interval);
			
		}
		
	}
	
}

img_gallery.start = function() {
	
	if (this.imgindex == 0) {
	    
		this.imgelements[this.imgindex_elem].style.opacity = 1;
		this.imgelements[this.imgindex_elem].style.filter = "alpha(opacity=100)";
		
		this.imgindex = 1;
		
		setTimeout("img_gallery.start()",this.showtime*1000);
		
	} else if (this.imgindex == 1) {
		
		this.imgindex_elem++;
		
		if (this.imgindex_elem > (this.images.length-1)) {
		    
		    this.imgindex_elem = 0;
			this.opacity = 1;
            this.interval = setInterval("img_gallery.fade('"+this.imgelements[0].id+"','"+this.imgelements[this.imgelements.length-1].id+"',"+this.fadetime+",0)",30);
		
		} else {
			
			this.opacity = 0;
			this.interval = setInterval("img_gallery.fade('"+this.imgelements[this.imgindex_elem-1].id+"','"+this.imgelements[this.imgindex_elem].id+"',"+this.fadetime+",1)",30);
			
		}
		
		this.imgindex = 0;
		
		setTimeout("img_gallery.start()",this.fadetime*1000);
		
	}
	
}

img_gallery.create = function(elem) {
    
	element = elem;
	
	if (typeof(elem) == "string") { element = document.getElementById(elem); }
	
	this.imgelements = new Array();
	this.imgbase = new Array();
	
	for (i=0;i<=(this.images.length-1);i++) {
		
		base = document.createElement("div");
		base.setAttribute("id","img_gallery_baseid_"+i);
		
		base.style.position = "absolute";
		base.style.zIndex = (i+1);
		
		element.appendChild(base);
		
		image = document.createElement("img");
		
		image.setAttribute("id","img_gallery_imageid_"+i);
		image.setAttribute("src",this.baseurl+this.images[i]);
		
		image.style.opacity = 0;
		image.style.filter = "alpha(opacity=0)";
		
		base.appendChild(image);
		
		this.imgelements[i] = image;
		this.imgbase[i] = base;
		
	}
	
	image = null;
	base = null;
	
	this.opacity = 0;
	this.imgindex = 0;
	this.imgindex_elem = 0;
	
	img_gallery.start();
	
}