var _galleryEl = null;
var _linkNext = null;
var _linkPrev = null;
var _duration = 0;
var _numElement = null;
var _numElementLink = null;
var _numElActive = false;
var _n = false;

function initPage() {
	_galleryEl = $(".tabs > div");
	_galEl = "div";
	_duration = 500;
	_numElementLink = $("#tabarea li a");
	_numElement = $("#tabarea li");
	
	$(_galleryEl).not(".active").fadeOut(10);
	$(_numElementLink).hover(function(){
		_n = _numElement.index($(this).parent());
		if (!$(_galleryEl).eq(_n).hasClass("active")){
			$(_galleryEl).eq(_n).addClass("next");
			fadeElement();
			activeNumEl();
		}
		return false;
	},function() { return false;});
}
function activeNumEl() {
	if (_numElement+1){$(_numElement).removeClass("active");}
	if ($(_numElement).length) {
		_numElActive = $(_galleryEl).index($(_galleryEl).filter(".active")[0]);
		$(_numElement).eq(_numElActive).addClass("active");
	}
}
function fadeElement(){
	$(_galleryEl).filter(".active").fadeOut(_duration).removeClass("active");
	$(_galleryEl).filter(".next").fadeIn(_duration).addClass("active").removeClass("next");
}
function fixLayout () {
	var _main = document.getElementById("bg-flexible");
	if (_main){
		if (document.documentElement.clientHeight > _main.offsetHeight ) {
			_main.style.height = document.documentElement.clientHeight - 175 + "px";
		}
		else {
			if (_main.style.height != "")
			_main.style.height = _main.style.height + "px";
		}
	}
}
if (window.addEventListener){
	window.addEventListener("load", initPage, false);
	window.addEventListener("load", fixLayout, false);
	window.addEventListener("resize", fixLayout, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", initPage);
	window.attachEvent("onload", fixLayout);
	window.attachEvent("onresize", fixLayout);
}