var _time = 1000; // delay in 'ms'

var hold = null;
var _box = [];
var _n = 0;
var _k1 = true;
var _k2 = true;
function Gallery(){
	hold = document.getElementById('gallery');
	if(hold)
	{
		
		$('#gallery-nav a').click(function(){
			var _k = _n;
			if($(this).hasClass('btn-prev'))
			{
				if(_k == 0) _k = _box.length - 1;
				else _k--;
				box_animate(_k);
			}
			else if($(this).hasClass('btn-next'))
			{
				if(_k == (_box.length - 1)) _k = 0;
				else _k++;
				box_animate(_k);
			}
			return false;
		});
	}
}
function box_animate(_k)
{
	if(_k1 && _k2)
	{
		_k1 = false;
		_k2 = false;
		if(_box[_k].h > _box[_n].h) $(hold).height(_box[_k].h);
		else $(hold).height($(hold).height());
		_box.css('position', 'absolute');
		_box.eq(_n).css('zIndex','1');
		_box.eq(_n).removeClass('active');
		_box.eq(_k).css('zIndex','2');
		_box.eq(_k).addClass('active');
		_box.eq(_n).fadeOut(_time, function(){ _k1 = true;});
		_box.eq(_k).fadeIn(_time, function(){
			_box.eq(_k).css('position','relative');
			$(hold).height('auto');
			box_h(_k);
			_k2 = true;
			});
		_n = _k ;
		
	}
}
function box_h_r(){ box_h(_n);}
function box_h(numb)
{
	_box.eq(numb).css('position', 'absolute');
	var _h = $('#main').height() - parseInt($('#content').css('paddingTop')) - parseInt($('#content').css('paddingBottom')) - _box[numb].h;
	_box.eq(numb).css('position', 'relative');
	if(_h > 0 ) { $(_box[numb].t).height(_box[numb].t_h + _h);}
	else{ $(_box[numb].t).height(_box[numb].t_h);}
}	
if (window.addEventListener){
	window.addEventListener("load", Gallery, false);
	window.addEventListener("resize", box_h_r, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", Gallery);
	window.attachEvent("onresize", box_h_r);
}

$(document).ready(function() {
	_box = $('.box', hold);
	for( var i = 0 ; i < _box.length ; i++)
	{
		_box.eq(i).css('width', $('.img-hold img', _box.eq(i)).width());
		_box.eq(i).css('marginLeft',-(_box.eq(i).width()/2));
		_box[i].h = _box.eq(i).height();
		_box[i].t = $('.text', _box.eq(i)).eq(0);
		_box[i].t_h = _box[i].t.height();
		if( _box.eq(i).hasClass('active')) _n = i;
		else _box.eq(i).hide();
	}
	for( var i = 0 ; i < _box.length ; i++) box_h(i);
});