/* side blocks */
var sideblock = "home_sideblock";
var sideblockwait;
var sideblockinterval;
function showLi(element){
	var ul = document.getElementById("mylist");
	var items = ul.getElementsByTagName("li");
	for(i=0; i < items.length; i++){
		items[i].style.display = "none";
	}
	var li = document.getElementById(element);
	li.style.display = "";
}
function startSideBlockTimer(){
	this.clearTimeout(sideblockwait);
	this.clearInterval(sideblockinterval);
	mytimer = new Object();
	mytimer.slider = function(){
		var items = $(sideblock).getElementsByTagName("li");
		for(i=0; i < items.length; i++){
			if(items[i].className == "current"){
				var next = nextObject(items[i]);
				var current = items[i];
				if(next){
					slide(-1, current, next);
					return false;
				}else{
					var prev = previousObject(items[i]);				
					if(prev)
					slide(1, current, prev);
				}
			}
		}
	}
	mytimer.start = function(){
			sideblockinterval = setInterval("mytimer.slider()", 10000); // ten second interval
			//trace(result);
		}
	
	sideblockwait = setTimeout("mytimer.start()", 20000); // 20 sec wait 
}
function nextsideblock(element){
	startSideBlockTimer();
	var items = $(sideblock).getElementsByTagName("li");
	for(i=0; i < items.length; i++){
		if(items[i].className == "current"){

			var next = nextObject(items[i]);
			var current = items[i];
			if(next)
			slide(-1, current, next);

			return false;
		}
	}

}
function prevsideblock(element){
	startSideBlockTimer();
	var items = $(sideblock).getElementsByTagName("li");
	for(i=0; i < items.length; i++){
		if(items[i].className == "current"){
			var prev = previousObject(items[i]);
			var current = items[i];
			if(prev)
			slide(1, current, prev);

			return false;
		}
	}
}
var is_sliding = false;
function slide(direction, Out, In){

	var Width = In.offsetWidth;
	var div = $(sideblock).getElementsByTagName("ul");

	var ul = div[0];
	if(! is_sliding ){
		left_start = ul.offsetLeft;
		var leftchange = new Fx.Style(ul, 'left', {duration:1000, transition: Fx.Transitions.cubicOut, onComplete: function(){
			is_sliding = false;
			Out.className = "";
			In.className = "current";
		}});
		if(direction < 0) // slide left
		left_end = left_start - Width;
		else//slide right
		left_end = left_start + Width;

		leftchange.start(left_start, left_end);
		is_sliding = true;

	}
}

/* use moo.fx to fade an element out, when it completes fade in an element */
/* doesnt seems to work on ie??? */
function fade(Out, In){
	var fadein = new fx.Opacity(In, {duration: 1000});
	var fadeout = new fx.Opacity(Out, {duration: 500, onComplete: function(){
		Out.style.display = "none";
		In.style.display = "block";
		fadein.setOpacity(0);
		Out.className = "";
		In.className = "current";
		fadein.custom(0, 1);
	}}
	);
	fadeout.custom(1, 0);
}

function fade(one, two){

	var fadein = new Fx.Opacity(two, {duration: 1000});
	var fadeout = new Fx.Opacity(one, {duration: 500, onComplete: function(){
		one.style.display = "none";
		two.style.display = "block";
		fadein.setOpacity(0);
		one.className = "";
		two.className = "current";
		fadein.custom(0, 1);
	}}
	);
	fadeout.custom(1, 0);


}