/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact. 

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html


*****/


window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
	if(!d.getElementById || !d.createElement)return;
	
	css = d.createElement("link");
	css.setAttribute("href","http://www.apple.com/jp/articles/userinterview/css/imgxfade.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);
	
	imgs = d.getElementById("imageContainer").getElementsByTagName("img");
	for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
	imgs[0].style.display = "block";
	imgs[0].xOpacity = .99;
	
	setTimeout(so_xfade,5000);
}

function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;
	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(so_xfade,8000);
	} else {
		setTimeout(so_xfade,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
	
}


/*******************************************************************/
/***( image gallery )**********************************************/
/*******************************************************************/
var ImageGallery = {
	curStep: 1,
	steps: new Array(),
	init: function() {
		var gallerynavlinks = $('gallery_nav').getElementsByTagName('a');
		for(var i=0, link; link = gallerynavlinks[i]; i++) {
			var self = this;
			addEventToObject(link,'onclick',function(ev) {self.swap(ev)});
		}
	},
	swap: function(ev) {
		this.steps = $('gallery_nav').getElementsByTagName('li');
		this.stepsA = $('gallery_nav').getElementsByTagName('a');
		if (getClickedLink(ev).id.split('_')[1]) {
			var num = getClickedLink(ev).id.split('_')[1];
		} else {
			for (var i=0; i < this.steps.length; i++) {
				if ( this.stepsA[i] == getClickedLink(ev) ) {
					var num = i+1;
				}
			}
		}
		if (num != this.curStep) {
			elem = $("gallery" + num);
			prevElem = $("gallery" + this.curStep);
			elem.style.display = "block";
			prevElem.style.display = "none";
			this.steps[this.curStep-1].className = "";
			this.steps[num-1].className = "active";
			this.curStep = num;
			GalleryPro.Swap(ev);
		}		
	}
}


/***( old image gallery )**********************************************/
var curStep = 1;
var steps = new Array();
function imagegallery(num) {
steps = document.getElementById("gallery_nav").getElementsByTagName("li");
	if (num != curStep) {
		elem = document.getElementById("gallery" + num);
		prevElem = document.getElementById("gallery" + curStep);
		elem.style.display = "block";
		prevElem.style.display = "none";
		steps[curStep-1].className = "";
		steps[num-1].className = "active";
		curStep = num;
	}
}