$(document).ready(function(){
	var wait_time = 6000; //in ms
	var _hold = $('#visual');
	if(_hold.length){
		var _list = _hold.find('ul.gallery > li');
		var _a = _list.index(_list.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		if(_list.length > 1){
			if($.browser.msie && $.browser.version < 7) _list.removeClass('active').hide().eq(_a).addClass('active').show();
			else _list.removeClass('active').css('opacity', 0).eq(_a).addClass('active').css('opacity', 1);
			var nav_h = $('<ul class="toolbar"></ul>');
			_hold.append(nav_h);
			for(var i = 0; i < _list.length; i++){
				nav_h.append('<li><a href="#">'+(i+1)+'</a></li>');
			}
			var _nav = nav_h.find('a');
			_nav.eq(_a).addClass('active');
			_nav.click(function(){
				changeEl(_nav.index(this));
				return false;
			});
			
			var _f = true;
			var _t;
			_hold.mouseenter(function(){
				_f = false;
				if(_t) clearTimeout(_t);
			}).mouseleave(function(){
				_f = true;
				if(_t) clearTimeout(_t);
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			});
			if(_f){
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			}
		}
		function changeEl(_ind){
			if(_t) clearTimeout(_t);
			if(_a != _ind){
				_nav.eq(_a).removeClass('active');
				_nav.eq(_ind).addClass('active');
				if($.browser.msie && $.browser.version < 7){
					_list.eq(_a).removeClass('active').hide();
					_list.eq(_ind).addClass('active').show();
				}
				else{
					_list.eq(_a).removeClass('active').animate({opacity: 0}, {queue:false, duration:800});
					_list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration:800});
				}
				_a = _ind;
			}
			if(_f){
				_t = setTimeout(function(){
					if(_a < _list.length - 1) changeEl(_a + 1);
					else changeEl(0);
				}, wait_time);
			}
		}
	}
});