/*--- fade gallery with mouseover ---*/
function fadeGall1(){
	var change_speed = 800; //in ms
	var _hold = $('#fade-gallery');
	if(_hold.length){
		var _btn = _hold.find('ul.gallery a');
		var  _img = _hold.find('div.img img');
		var _a = _btn.index(_btn.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		_btn.removeClass('active').eq(_a).addClass('active');
		_img.removeClass('active').css({opacity: 0, display:'block'}).eq(_a).addClass('active').css('opacity', 1);
		_btn.mouseenter(function(){
			if(!$(this).hasClass('active')){
				_btn.eq(_a).removeClass('active');
				_img.eq(_a).removeClass('active').animate({opacity: 0},{queue:false, duration: change_speed});
				_a = _btn.index(this);
				_btn.eq(_a).addClass('active');
				_img.eq(_a).addClass('active').animate({opacity: 1},{queue:false, duration: change_speed});
			}
		});
	}
}
/*--- fade gallery for time ---*/
function fadeGall2(){
	var change_speed = 800; //in ms
	var stay_time = 5000; //in ms
	var _hold = $('#gallery');
	if(_hold.length){
		var _img = _hold.find('img');
		var _a = _img.index(_img.filter('.active:eq(0)'));
		if(_a == -1) _a = 0;
		_img.removeClass('active').css({opacity: 0, display:'block'}).eq(_a).addClass('active').css('opacity', 1);
		function changeEl(_ind){
			if(_t) clearTimeout(_t);
			if(_ind != _a){
				_img.eq(_a).removeClass('active').animate({opacity: 0},{queue:false, duration: change_speed});
				_img.eq(_ind).addClass('active').animate({opacity: 1},{queue:false, duration: change_speed});
				_a = _ind;
			}
			_t = setTimeout(function(){
				if(_a < _img.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, stay_time + change_speed);
		}
		if(_img.length > 1){
			_t = setTimeout(function(){
				if(_a < _img.length - 1) changeEl(_a + 1);
				else changeEl(0);
			}, stay_time);
		}
	}
}
$(document).ready(function(){
	fadeGall1();
	fadeGall2();
	$('div.scrollable div.vscroll-down, div.scrollable div.vscroll-up').live('mouseover', function(){
		$(this).addClass('hovered');
	}).live('mouseout', function(){
		$(this).removeClass('hovered');
	});
});