var _gallery = null;
var _galleryEl = null;
var _duration = 5000;
var _numElement = null;
var _numElementLink = null;
var _numElActive = false;
var _n = false;
var _timer = false;

function initPage() {
	_gallery = $("#slideshow");
	_galleryEl = $("ul.image li", _gallery);
	_galEl = "li";
	_duration = 5000;
	_timeSwitching = 2500;
	_numElementLink = $("ul li", _gallery);
	_numElement = $("ul li", _gallery);
	
	$(_galleryEl).not(".active").fadeOut(10);
		
	$(_numElementLink).hover(function(){
		if (_timer) clearTimeout(_timer);
		_n = _numElement.index($(this).parent());
		if (!$(_galleryEl).eq(_n).hasClass("active")){
			$(_galleryEl).eq(_n).addClass("next");
			fadeElement();
		}
		return false;
	},function(){
		_timer = setTimeout('nextEl()',_timeSwitching);
	});
	_timer = setTimeout('nextEl()',_timeSwitching);
}
function fadeElement(){
	$(_galleryEl).filter(".active").fadeOut(_duration).removeClass("active");
	$(_galleryEl).filter(".next").fadeIn(_duration).addClass("active").removeClass("next");
}

function nextEl(){
	if ($(_galleryEl).filter(".active").next().is(_galEl)) {
		$(_galleryEl).filter(".active").next().addClass("next");
	} else {
		$(_galleryEl).eq(0).addClass("next");
	}
	fadeElement();
	_timer = setTimeout('nextEl()',_timeSwitching);
}

if (window.addEventListener)
	window.addEventListener("load", initPage, false);
else if (window.attachEvent)
	window.attachEvent("onload", initPage);