if ( document.getElementById('slide_box') ) {
	var isOver = false;
	var currentPic = 1;
	var mainTimeout = -1;
	var FadeShow = new Spry.Effect.Fade('slide_box', {duration:1, from:100, to:100});
	var FadeHideA = new Spry.Effect.Fade('slide_box', {finish:showNew, duration:1000, from:100, to:0});
	var FadeShowA = new Spry.Effect.Fade('slide_box', {finish:startEffect, duration:1000, from:0, to:100});
}

function startEffect() {
	if ( !isOver ) {
		mainTimeout = window.setTimeout("hideOld()", 3000);
	}
}

function hideOld() {
	if ( !isOver && !FadeHideA.isRunning ) {
		FadeHideA.start();
	}
}

function showNew() {
	if ( !isOver && !FadeShowA.isRunning ) {
		if ( currentPic == 4) {
			currentPic = 0;
		}
		if ( currentPic == 3) {
			currentPic = 4;
		}
		if ( currentPic == 2) {
			currentPic = 3;
		}
		if ( currentPic == 1) {
			currentPic = 2;
		}
		if ( currentPic == 0) {
			currentPic = 1;
		}
		switchToPic(currentPic);
		FadeShowA.start();
	}
}

function switchToPic(picNumber) {
	if ( picNumber == 1) {
		document.getElementById('content_box').style.marginTop = '0px';
	}
	if ( picNumber == 2) {
		document.getElementById('content_box').style.marginTop = '-348px';
	}
	if ( picNumber == 3) {
		document.getElementById('content_box').style.marginTop = '-696px';
	}
	if ( picNumber == 4) {
		document.getElementById('content_box').style.marginTop = '-1044px';
	}
}

function overSerie(picNumber) {
	window.clearTimeout(mainTimeout);
	isOver = true;
	FadeHideA.stop();
	FadeShowA.stop();
	switchToPic(picNumber);
	currentPic = picNumber;
	FadeShow.start();
}

function outSerie() {
	if ( isOver ) {
		isOver = false;
		startEffect();
	}
}