function init(){
	
	if($("sliderItems") != null){
		switchTicker();
	}
	
}

// JavaScript Document
var timeGap = 5; //seconds - change this value to increase/decrease pause between items
currid = null;

function switchTicker(){
	//Event.observe($('sliderItems'),'mouseover',pauseSlider);
	//Event.observe($('sliderItems'),'mouseout',playSlider);
	
	$items = $('sliderItems').getElementsByTagName("li");
	if(currid == null){
		currid = 0;
		showItem($items[currid].id,0);
		
	}else{
		hideItem($items[currid].id);
		if(currid == ($items.length-1)){
			currid = 0;
		}else{
			currid = currid + 1;
		}
		showItem($items[currid].id,0.3);
	}
	timer = setTimeout(switchTicker,(timeGap*1000));
}

function pauseSlider(){
	clearTimeout(timer);
}

function playSlider(){
	timer = setTimeout(switchTicker,(timeGap*1000));
}

function switchToItem(itemNum){
	
	clearTimeout(timer);
	hideItem($items[currid].id);
	currid = itemNum;
	showItem($items[currid].id,0.3);
	timer = setTimeout(switchTicker,(timeGap*1000));
	return false;
}

function showItem(id,d){
	//Effect.Appear($(id),{duration: 0.6, from: 0, to: 1,delay:d});	
	new Effect.Move($(id), { duration: 0.6, x: 0, mode: 'absolute', transition: Effect.Transitions.linear});
}

function hideItem(id){
	//Effect.Fade($(id),{duration: 0.6, from: 1, to: 0});
	new Effect.Move($(id), { duration: 0.6, x: -578, mode: 'absolute', transition: Effect.Transitions.linear,afterFinish: function() { $(id).setStyle({left:'578px'}); }});
}

Event.observe(window,'load',init);