function fadeGall(){
	var wait_time = 8000; // in ms
	var change_speed = 1200; // in ms
	var _hold = $('div.product-module');
	if(_hold.length){
		var _t;
		var _f = true;
		var _list = _hold.find('ul.picture-holder > li');
		var _btn = $('<ul class="paging"></ul>');
		_list.each(function(_i){
			_btn.append('<li><a href="#">'+(_i+1)+'</a></li>');
		});
		_btn = $('div.switcher').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.mouseenter(function(){
			changeEl(_btn.index(this));
		});
		function changeEl(_ind){
			if(_t) clearTimeout(_t);
			if(_ind != _a){
				_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).parent('li').removeClass('active');
				_btn.eq(_ind).parent('li').addClass('active');
				_a = _ind;
			}
		}
	}
}
function fadeMain(){
	var wait_time = 5000; // in ms
	var change_speed = 1200; // in ms
	var _hold = $('div#gallery');
	if(_hold.length){
		var _t, _wordtime, _wordtime1, _wordtime2;
		var _f = true;
		var _list = _hold.find('ul > li');
		var _btn = $('<ul class="paging"></ul>');
		_list.each(function(_i){
			_btn.append('<li><a href="#">'+(_i+1)+'</a></li>');
		});
		_btn = $('div.switcher').find('a');
		var _a = _list.index(_list.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		
		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);
		
		if (_list.eq(_a).hasClass('words-fade')) {
			var _words = _list.eq(_a).find('img.fade-word');
			_words.hide();
			function initWordFade(){
				_wordtime = setTimeout(function(){
					_words.eq(0).fadeIn();
					_wordtime1 = setTimeout(function(){
						_words.eq(1).fadeIn();
						_wordtime2 = setTimeout(function(){
							_words.eq(2).fadeIn();
						}, 1000);
					}, 1000);
				}, 2000);
			}
			initWordFade();
		}
		
		
		_hold.mouseenter(function(){
			_f = false;
			if(_t) clearTimeout(_t);
		}).mouseleave(function(){
			_f = true;
			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(!_list.eq(_ind).hasClass('words-fade')){
				if(_ind != _a){
					var _words = _list.eq(_ind).find('img.fade-word');
					_words.hide();
					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:change_speed});
						_list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration:change_speed});
					}
					
					function initWordFade(){
						_wordtime = setTimeout(function(){
							_words.eq(0).fadeIn();
							_wordtime1 = setTimeout(function(){
								_words.eq(1).fadeIn();
									_wordtime2 = setTimeout(function(){
										_words.eq(2).fadeIn();
									}, 1000);
							}, 1000);
						}, 2000);
					}
					initWordFade();
					
					_btn.eq(_a).parent('li').removeClass('active');
					_btn.eq(_ind).parent('li').addClass('active');
					_a = _ind;
				}
				if(_f && wait_time){
					_t = setTimeout(function(){
						if(_a < _list.length - 1) changeEl(_a + 1);
						else changeEl(0);
					}, wait_time);
				}
			}
			else{
				if(_ind != _a){
					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:change_speed});
						_list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration:change_speed});
					}
					_btn.eq(_a).parent('li').removeClass('active');
					_btn.eq(_ind).parent('li').addClass('active');
					_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();
	fadeMain();
});