
Fader = function(url, id1, id2) {
	var _this = this;
	var _url = url;
	var _div = [];
	var _alpha = 0.0;
	var _alphaIE = 0;
	var _tim = null;
	var _index = -1;
	var _toggle1 = 0;
	var _toggle2 = 1;
	var _tracks;
	var _duration = 4000;

	this.init = function() {
		_div[0] = document.getElementById(id1);
		_div[1] = document.getElementById(id2);
		new PlaylistReader(_url, readerCallback).init();
	}
	var readerCallback = function(tracks) {
		_tracks = tracks;
		startFade();
	}
	var startFade = function() {
		_index++;
		if (_index >= _tracks.length) _index = 0;
		_toggle2 = _toggle1;
		_toggle1 = (_toggle1 + 1) % 2;
		_div[_toggle1].innerHTML = '<div><img src="' + _tracks[_index].location + '"/></div>';
		//_div[_toggle1].innerHTML = _tracks[_index].info;
		_alpha = 0.0;
		_alphaIE = 0;
		_tim = setInterval(fadeDiv, 50);
	}
	var fadeDiv = function() {
		if (document.all) {
			_alphaIE += 1;
			_div[_toggle1].style.filter = 'alpha(opacity=' + _alphaIE + ')';
			_div[_toggle2].style.filter = 'alpha(opacity=' + (100 - _alphaIE) + ')';
			if (_alphaIE >= 100) {
				_div[_toggle1].style.filter = 'alpha(opacity=100)';
				_div[_toggle2].style.filter = 'alpha(opacity=0)';
				clearInterval(_tim);
				setTimeout(startFade, _duration);
			}
		} else {
			_alpha += 0.020;
			_div[_toggle1].style.opacity = _alpha;
			_div[_toggle2].style.opacity = (1 - _alpha);
			if (_alpha >= 1.0) {
				_div[_toggle1].style.opacity = 1.0;
				_div[_toggle2].style.opacity = 0.0;
				clearInterval(_tim);
				setTimeout(startFade, _duration);
			}
		}
	}
}
