// JavaScript Document



//this function used to fade and show the image one by one
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","xfade2.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,1000);
}

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,1000);
	} else {
		setTimeout(so_xfade,100);/*to control speed of fadeness*/
	}
	
	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) + ")";
	}
	
}

//this is used to get image one by one when the users clicked
var scroll_id;
var scroll_id2;
var scroll_distance = 0;
var scroll_end = 0;
var scroll_time = 10;
var scroll_name = '';
var scroll_mutex = true;
var scroll_type = 1;



function allRT(name, dist, rate, clicked)
{
	if(scroll_mutex)
	{
		scroll_mutex = false;
		scroll_type = 2;
		scroll_distance = dist;
		scroll_name = name;
		var el = document.getElementById(scroll_name);
		scroll_end = el.scrollLeft + scroll_distance;
		scroll_id = setInterval('doAllRT('+rate+')',scroll_time);
	}
}

function doAllRT(rate)
{
	
	var el = document.getElementById(scroll_name);
	var current = el.scrollLeft;
	if(current + rate > scroll_end)
	{
			rate = scroll_end - current;
	}
	
	el.scrollLeft = current + rate;
	
	if(el.scrollLeft >= scroll_end || el.scrollLeft == current)
	{
		clearInterval(scroll_id);
		scroll_mutex = true;
	}

	if(el.scrollLeft == maxPos)
	{
		el.scrollLeft = startPos;
		clearInterval(scroll_id);
		scroll_mutex = true;
	}
	return false;
}

function allLT(name, dist, rate, clicked)
{
	var divName = document.getElementById(name);
	
	if(divName.scrollLeft == 0 && clicked==1)
	{
		divName.scrollLeft = maxPos;	
	}

	if(scroll_mutex){
		scroll_mutex = false;
		scroll_type = 2;
		scroll_distance = dist;
		scroll_name = name;
		var el = document.getElementById(scroll_name);
		scroll_end = el.scrollLeft - scroll_distance;
		if(scroll_end < 0){
			scroll_end = 0;
		}
		scroll_id = setInterval('doAllLT('+rate+')',scroll_time);
	}
}

function doAllLT(rate)
{
	var el = document.getElementById(scroll_name);
	var current = el.scrollLeft;
	if(current - rate < scroll_end){
		rate = current - scroll_end;
	}
	el.scrollLeft = current - rate;
	if(el.scrollLeft <= scroll_end){
		clearInterval(scroll_id);
		scroll_mutex = true;
	}
	if(el.scrollLeft == 0){
		el.scrollLeft = startPos;
	}
	return false;
}