$(document).ready(function(){
	$('#main').each(function(){
		var _a = $('.gallery-list a').parent().index($('.gallery-list a').parent().filter(".active"));
		var _btn = $(this).find('.gallery-list a');
		var _box = $(this).find('.gallery-img img');

		_box.css({ opacity: 0, zIndex: 1}).eq(_a).css({ opacity: 1, zIndex: 2});
		_btn.mouseover(function(){
			changeEl(_btn.index(this));
			_btn.parents("li").removeClass("active").eq(_btn.index(this)).addClass("active");
			return false;
		});
		
		function changeEl(_ind){
			if(_ind != _a){
				_box.eq(_a).css('zIndex', 1).animate({opacity: 0}, { queue:false, duration:500});
				_box.eq(_ind).css('zIndex', 2).animate({opacity: 1}, { queue:false, duration:500});
				_a = _ind;
			}
		}
	});
});