// page init
$(document).ready(function(){
	initSlide();
});

function initSlide(){
	var _holder = $('.slide-holder');
	
	_holder.each(function(){
		var _this = $(this),
			_slider = $('.slide-box', _this),
			_height = $('.slide-frame', _this).outerHeight(),
			_speedAnimate = 400;
		
		_this.css('position', 'relative');
		_slider.css({
			'position': 'absolute',
			'top': '100%',
			'height': 0,
			'overflow': 'hidden'
		});
		
		_this.mouseenter(function(){
			_slider.css('display', 'block');
			_slider.animate({'height': (200 + _height) + 'px'}, {queue:false}, _speedAnimate);
			if ($(window).height() < 800){
				$('#footer').fadeOut();
			}
		}).mouseleave(function(){
			$('#footer').fadeIn();
			_slider.animate({'height': 0}, {queue:false, duration:_speedAnimate, complete:function(){
				_slider.css('display', 'none');
			}});
		});
	});
}