function initGallery(){
	// options
	var _slideDur = 400; // fade animation duration
	var _opacity = 0.2 // minimal thumb opacity
	
	$('div.page-gallery').each(function(){
		var _gallery = $(this);
		var _img = $('div.bewel img',_gallery);
		var _thumb = $('ul.thumb li',_gallery);
		var _leftBtn = $('a.btn-left',_gallery);
		var _rightBtn = $('a.btn-right',_gallery);
		var _textHolder = $('div.bg-top',_gallery).eq(0);
		if($.browser.msie) _opacity = 'auto';
		var _maxopacity = 1;
		if($.browser.msie) _maxopacity = 'auto';
		if(_img.length == _thumb.length){
			var _active = _img.index(_img.filter('.active').eq(0));
			if(_active == -1) _active = 0;
			var _prev = 0;
			var _animated = false;
			_thumb.css('opacity',_opacity);
			_thumb.eq(_active).css('opacity',_maxopacity).addClass('active');
			// click 'left' button
			_leftBtn.click(function(){
				if(!_animated) {
					_animated = true;
					_prev = _active;
					if(_active>0) _active--
					else _active = _img.length-1;
					fadeAnimation();
				}
				return false;
			});
			
			// click 'right' button
			_rightBtn.click(function(){
				if(!_animated) {
					_animated = true;
					_prev = _active;
					if(_active<_img.length-1) _active++
					else _active = 0;
					fadeAnimation();
				}
				return false;
			});
			
			// click thumbnail
			$('a',_thumb).click(function(){
				if(!_animated && !$(this).parents('li').hasClass('active')) {
					_animated = true;
					_thumb.removeClass('active');
					$(this).parents('li').addClass('active');
					_prev = _active;
					_active = _thumb.index(_thumb.filter('.active').eq(0));
					fadeAnimation();
				}
				return false;
			});
			
			// animation
			function fadeAnimation(){
				_thumb.eq(_prev).animate({
					opacity:_opacity
				},_slideDur);
				_thumb.eq(_active).animate({
					opacity:_maxopacity
				},_slideDur,function(){
					_animated = false;
				});
				_img.eq(_active).css('z-index',2)
				_img.eq(_prev).css('z-index',3).animate({
					opacity:0
				},_slideDur,function(){
					_img.eq(_prev).css({
						zIndex:1,
						opacity:1
					});
				});
				_textHolder.text(_thumb.eq(_active).text());
			}
		}
	});
}
$(function(){
	initGallery();
	$('a.zoomin').fancybox({
		'padding':0,
		'zoomSpeedIn'		:	500,
		'zoomSpeedOut'		:	500,
		'overlayOpacity'	:	0
	});
})