var z = 1;
var y = 1;
var x = 1;

/*
function change(amount_events, amount_clients, amount_news) {
	myPanelsSlides_events('slide_events'+slide_events);
	document.getElementById('slide_events'+slide_events+'').style.zIndex=z++;
	
	myPanelsSlides_news('slide_news'+slide_news);
	document.getElementById('slide_news'+slide_news+'').style.zIndex=x++;
	myPanelsSlides_clients('slide_clients'+slide_clients);
	document.getElementById('slide_clients'+slide_clients+'').style.zIndex=y++;
	slide_events++;
	slide_clients++;
	slide_news++;
  	if (slide_events == amount_events) {
		slide_events = 0;
  	}
	if (slide_clients == amount_clients) {
		slide_clients = 0;
  	}
	if (slide_news == amount_news) {
		slide_news = 0;
  	}
}
*/

/*
*	automatic change of images / slides
*/
function change_events(amount) {
	myPanelsSlides_events('slide_events'+slide_events);
	document.getElementById('slide_events'+slide_events+'').style.zIndex=z++;
	slide_events++;
  	if (slide_events == amount) {	
		//document.getElementById('eventslides').innerHTML = "";
		slide_events = 0;
  	}
}

function change_clients(amount) {
	myPanelsSlides_clients('slide_clients'+slide_clients);
	document.getElementById('slide_clients'+slide_clients+'').style.zIndex=y++;
	slide_clients++;
  	if (slide_clients == amount) {
		slide_clients = 0;
  	}
}

function change_news(amount) {
	myPanelsSlides_news('slide_news'+slide_news);
	document.getElementById('slide_news'+slide_news+'').style.zIndex=x++;
	slide_news++;
  	if (slide_news == amount) {
		slide_news = 0;
  	}
}

/*
*	managing panel slides / observer
*/
var observer_events = {};

observer_events.nextEffect = false;
observer_events.onPostEffect = function(e){
	if (this.nextEffect){
		var eff_event = this.nextEffect;
		setTimeout(function(){eff_event.start();}, 500);
	}
	this.nextEffect = false;
}
function myPanelsSlides_events(currentPanel){
    // The list of all the panels that need sliding
	var panels = ['slide_events0', 'slide_events1', 'slide_events2', 'slide_events3', 'slide_events4', 'slide_events5',
				  'slide_events6', 'slide_events7', 'slide_events8', 'slide_events9', 'slide_events10', 'slide_events11'];
	var opened = -1;

	// Let's check if we have an effect for each of these sliding panels
	if (typeof effects == 'undefined')
		effects = {};

	for (var i=0; i < panels.length; i++){
		if (typeof effects[panels[i]] == 'undefined'){
			effects[panels[i]] = new Spry.Effect.Fade(panels[i], {duration: 500, from: 0, to: 100, toggle: true});
			effects[panels[i]].addObserver(observer_events);
		}
		 
		if (effects[panels[i]].direction == Spry.forwards && currentPanel != panels[i])
			opened = i;

		//prevent too fast clicks on the buttons
		if (effects[panels[i]].direction == Spry.backwards && effects[panels[i]].isRunning){
			observer_events.nextEffect = effects[currentPanel];
			return;
		}
	}

	if (opened != -1){
		observer_events.nextEffect = effects[currentPanel];
		effects[panels[opened]].start();

	} else if (effects[currentPanel].direction != Spry.forwards){
		effects[currentPanel].start();
	}
};


/*
*	managing panel slides / observer
*/
var observer_clients = {};

observer_clients.nextEffect = false;
observer_clients.onPostEffect = function(e){
	if (this.nextEffect){
		var eff_client = this.nextEffect;
		setTimeout(function(){eff_client.start();}, 500);
	}
	this.nextEffect = false;
}
function myPanelsSlides_clients(currentPanel){
    // The list of all the panels that need sliding
	var panels = ['slide_clients0', 'slide_clients1', 'slide_clients2', 'slide_clients3', 'slide_clients4', 'slide_clients5',
				  'slide_clients6', 'slide_clients7', 'slide_clients8', 'slide_clients9', 'slide_clients10', 'slide_clients11'];
	var opened = -1;

	// Let's check if we have an effect for each of these sliding panels
	if (typeof effects == 'undefined')
		effects = {};

	for (var i=0; i < panels.length; i++){
		if (typeof effects[panels[i]] == 'undefined'){
			effects[panels[i]] = new Spry.Effect.Fade(panels[i], {duration: 500, from: 0, to: 100, toggle: true});
			effects[panels[i]].addObserver(observer_clients);
		}
		 
		if (effects[panels[i]].direction == Spry.forwards && currentPanel != panels[i])
			opened = i;

		//prevent too fast clicks on the buttons
		if (effects[panels[i]].direction == Spry.backwards && effects[panels[i]].isRunning){
			observer_clients.nextEffect = effects[currentPanel];
			return;
		}
	}

	if (opened != -1){
		observer_clients.nextEffect = effects[currentPanel];
		effects[panels[opened]].start();

	} else if (effects[currentPanel].direction != Spry.forwards){
		effects[currentPanel].start();
	}
};


/*
*	managing panel slides / observer
*/
var observer_news = {};

observer_news.nextEffect = false;
observer_news.onPostEffect = function(e){
	if (this.nextEffect){
		var eff_news = this.nextEffect;
		setTimeout(function(){eff_news.start();}, 500);
	}
	this.nextEffect = false;
}
function myPanelsSlides_news(currentPanel){
    // The list of all the panels that need sliding
	var panels = ['slide_news0', 'slide_news1', 'slide_news2', 'slide_news3', 'slide_news4', 'slide_news5',
				  'slide_news6', 'slide_news7', 'slide_news8', 'slide_news9', 'slide_news10', 'slide_news11'];
	var opened = -1;

	// Let's check if we have an effect for each of these sliding panels
	if (typeof effects == 'undefined')
		effects = {};

	for (var i=0; i < panels.length; i++){
		if (typeof effects[panels[i]] == 'undefined'){
			effects[panels[i]] = new Spry.Effect.Fade(panels[i], {duration: 500, from: 0, to: 100, toggle: true});
			effects[panels[i]].addObserver(observer_news);
		}
		 
		if (effects[panels[i]].direction == Spry.forwards && currentPanel != panels[i])
			opened = i;

		//prevent too fast clicks on the buttons
		if (effects[panels[i]].direction == Spry.backwards && effects[panels[i]].isRunning){
			observer_news.nextEffect = effects[currentPanel];
			return;
		}
	}

	if (opened != -1){
		observer_news.nextEffect = effects[currentPanel];
		effects[panels[opened]].start();

	} else if (effects[currentPanel].direction != Spry.forwards){
		effects[currentPanel].start();
	}
};