var FadeSlideShow = Fx.Elements.extend({

	options: {
		wait: false,
		_current: 0
	},

	initialize: function(){
		var options, elements;
		$each(arguments, function(argument, i){
			switch($type(argument)){
				case 'object': options = argument; break;
				default:
					var temp = $$(argument);
					elements = temp;
			}
		});
		this.elements = elements || [];
		this.setOptions(options);
		this._timeoutInterval = false;
		this.effects = {};
		this.effects.opacity = 'fullOpacity';
				
		if(this.elements[0])
		{
			this.elements[0].parentNode.style.visibility = 'visible';
		}
		
		this.elements.each(function(el, i){
			this.elements[i].fullOpacity = 1;
			if(i != this.options._current)
			{
				for (var fx in this.effects) el.setStyle(fx, 0);
			}
			else
			{
				for (var fx in this.effects) el.setStyle(fx, el[this.effects[fx]]);				
				var divs = el.getElementsByTagName('div');
				if(divs[0])
				{
					_visualInfoBox.innerHTML = divs[0].innerHTML;
				}
				//this.onStart();
			}
		}, this);
	},

	fadeIn: function(index){
		index = ($type(index) == 'element') ? this.elements.indexOf(index) : index;
		var obj = {};
		obj[index] = {};
		for (var fx in this.effects) obj[index][fx] = this.elements[index][this.effects[fx]];
		return this.start(obj);
	},

	fadeOut: function(index){
		index = ($type(index) == 'element') ? this.elements.indexOf(index) : index;
		var obj = {};
		obj[index] = {};
		for (var fx in this.effects) obj[index][fx] = 0;
		return this.start(obj);
	},

	slide: function(){
		var _next = this.options._current + 1;
		if(_next >= this.elements.length)		
		{
			_next = 0;
		}
		var obj = {};
		obj[_next] = {};
		for (var fx in this.effects) obj[_next][fx] = this.elements[_next][this.effects[fx]];
		obj[this.options._current] = {};
		for (var fx in this.effects) obj[this.options._current][fx] = 0;		
		this.options._current = _next;		
		return this.start(obj);
	},

	slideTo: function(_next){
		if(this.options._current == _next) return;
		if(_next >= this.elements.length)		
		{
			_next = 0;
		}
		var obj = {};
		obj[_next] = {};
		for (var fx in this.effects) obj[_next][fx] = this.elements[_next][this.effects[fx]];
		this.elements[_next].style.zIndex = 100;
		obj[this.options._current] = {};
		for (var fx in this.effects) obj[this.options._current][fx] = 0;
		this.elements[this.options._current].style.zIndex = 10;
		
		var fixobj = {};
		for(var i=0; i < this.elements.length; i++)
		{
			if(i != _next && i != this.elements.length)
			{
				this.elements[i].style.zIndex = 10;
				fixobj[i] = {};
				for (var fx in this.effects) fixobj[i][fx] = 0;
				this.set(fixobj);
			}
		}
		
		this.options._current = _next;		
		return this.start(obj);
	}
	
});

var _fade_visual = false;
var _visualInfoBox = false;
var _visualTimeout = false;
var delay = 7000;


function initFadeSlideShow()
{	
	_visualInfoBox = document.getElementById('visual-info');
	_visualNext = document.getElementById('visual-next');

	if(_visualNext)
	{
		_visualNext.href = "javascript:;";
		_visualNext.onclick = function()
		{
			if(_visualTimeout)
			{
				clearTimeout(_visualTimeout);
			}
			_switch_visual();
			
		}
	}
	
	_fade_visual = new FadeSlideShow($$("div.visualitem"),{duration:1000,
		onStart: function(){
			var el = this.elements[this.options._current];
			var divs = el.getElementsByTagName('div');
			if(divs[0])
			{
				_visualInfoBox.innerHTML = divs[0].innerHTML;
				_initSifr();
			}

		},
		onComplete: function(){
		
		}
		
		});
	_visualTimeout = setTimeout('_switch_visual()',delay);
}

function _switch_visual()
{
	_fade_visual.slide();
	_visualTimeout = setTimeout('_switch_visual()',delay);
}


if (window.addEventListener)
	window.addEventListener("load", initFadeSlideShow, false);
else if (window.attachEvent)
	window.attachEvent("onload", initFadeSlideShow);