playerListeners = new Object;
var _f = true;

function onYouTubePlayerReady(playerId) {
	playerListeners[playerId] = document.getElementById(playerId);
	playerListeners[playerId].addEventListener("onStateChange", "onytplayerStateChange");
}

function onytplayerStateChange(newState) {
   if(newState == 1 || newState == 3){
   	_f = false;
	}
}


function fadeGall(){
	var change_speed = 700; // in ms
	var wait_time = 7500; // in ms	
	
	var _hold = $('#gallery');
	var _control = _hold.find('div.swtcher');
	if(_hold.length){
		var _t;		
		var _list = _hold.find('ul.fader > li');
		var _btn = $('<ul class="paging"></ul>');
		_control.append(_btn);
		_list.each(function(_i){
			_btn.append('<li><a href="#">'+(_i+1)+'</a></li>');
		});
		_btn = _btn.find('a');
		var _a = _list.index(_list.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		
		_list.removeClass('active').css('opacity', 0).eq(_a).addClass('active').css('opacity', 1);
		_btn.eq(_a).addClass('active');
		_btn.click(function(){
			_f = false;
			changeEl(_btn.index(this));
			return false;
		});
		_hold.mouseenter(function(){			
			if(_t) clearTimeout(_t);
		}).mouseleave(function(){			
			if(_t) clearTimeout(_t);
			if(_f && wait_time){
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			}
		});
		if(_f && wait_time){
			_t = setTimeout(function(){
				if(_a < _list.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, wait_time);
		}
		function changeEl(_ind){
			if(_t) clearTimeout(_t);
			if(_ind != _a){
				$('#gallery .livestream').css('display', 'none');
				_list.eq(_a).removeClass('active').animate({opacity: 0}, {queue:false, duration:change_speed});
				_list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration:change_speed});
				_btn.eq(_a).removeClass('active');
				_btn.eq(_ind).addClass('active');
				$('#gallery .video').eq(_ind).css('display', 'block');
				_a = _ind;
			}
			if(_f && wait_time){
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			}
		}
	}
}
	
$(document).ready(function(){
	fadeGall();
});