var _small_list;
var _step = 0;
var _h = 0;
var _s_h = 0;
var b_img;
var s_img;
var _n = 0;
function Gallery()
{
	var _hold = $('.gallery');
	if(_hold.get(0))
	{
		var _btn_prev = $('.gallery-links .arrow-top', _hold);
		var _btn_next = $('.gallery-links .arrow-bottom', _hold);
		var _cont = $('.gallery-links .holder', _hold );
		_small_list = $('.gallery-links .holder ul', _hold );
		s_h = $('li', _small_list).height();
		_h = _small_list.height();
		s_img = $('img', _small_list);
		b_img = $('.image img', _hold);
		b_img.hide();
		b_img.eq(_n).css({
			display : 'block',
			zIndex : '10'
		});
		_btn_prev.click( function(){ step(true, _cont); return false; });
		_btn_next.click( function(){ step(false, _cont); return false; });
		s_img.click(function(){
			display(s_img.index(this));
			return false;
		});
	}
}
function step(k, _cont)
{
	if ((k) && (_step < 0)) _step++;
	if ((!k) &&(_h + (_step - 1)*s_h) >= _cont.height()) _step--;
	var _m = _step*s_h;
	if(( _h + _m >= _cont.height()) &&(_m <=0))
	{
		_small_list.animate({ 
			marginTop : _step*s_h
		}, 800);
	}
}
function display(n)
{
	if((n != _n) && (b_img.eq(n).get(0)))
	{
		_n = n;
		b_img.css('zIndex', '1');
		b_img.eq(_n).css('zIndex', '10');
		b_img.fadeOut(1000);
		b_img.eq(_n).fadeIn(1000);
	}
}
if (window.addEventListener){
	window.addEventListener("load", Gallery, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", Gallery);
}