﻿// Einstellungsmöglichkeiten
var sps_time = 6000; // Millisekunden
var sps_active = false; // oder true

var sps_current = 0;
var sps_current_time = 0;
var sps_player = false;
var sps_images = new Array();
var sps_owidth = 0;
var sps_oheight = 0;

function sps_swap(auto){
	sps_current_time = 0;
	if(document.getElementById('sps-image') == undefined) return false;
	if(document.getElementById('ctr-sps-image') == undefined) return false;
	sps_image = document.getElementById('sps-image');
	sps_image.src = '/uploads/media/'+sps_images[sps_current];
//	sps_image_container = document.getElementById('ctr-sps-image');
//	sps_image_container.style.backgroundImage = 'url(/uploads/media/'+sps_images[sps_current]+')';
	if(auto != true){
		for(var i=0;i<sps_images.length;i++){
			if(i!=sps_current){
				if(document.getElementById('sps_link_'+i) != undefined) document.getElementById('sps_link_'+i).className = 'sps-no';
			} else {
				if(document.getElementById('sps_link_'+i) != undefined) document.getElementById('sps_link_'+i).className = 'sps-act';
			}
		}
	}
	if(sps_current == 0){
		if(document.getElementById('ctr-ctt-sps') != undefined) document.getElementById('ctr-ctt-sps').style.display = 'block';
	} else {
		if(document.getElementById('ctr-ctt-sps') != undefined) document.getElementById('ctr-ctt-sps').style.display = 'none';
	}
}
function sps_complete(){
	if(document.getElementById('sps-image') == undefined) return false;
	sps_image = document.getElementById('sps-image');
	if(sps_image.complete) return true;
	else return false;
}
function sps_init(auto){
	if(auto){
		sps_active = true;
	} else {
		sps_active = false;
	}
	sps_start();
}
function sps_start(){
	sps_current_time = 0;
	sps_current = 0;
	sps_swap();
	if(sps_active == true){ sps_active = false; sps_playpause(); }
}
function sps_go(no){
	sps_current_time = 0;
	sps_playpause(true);
	sps_current = no;
	sps_swap();
}
function sps_prev(){
	sps_current_time = 0;
	sps_playpause(true);
	sps_current--;
	if(sps_current < 0) sps_current = (sps_images.length-1);
	sps_swap();
}
function sps_next(){
	sps_current_time = 0;
	sps_playpause(true);
	sps_current++;
	if(sps_current > (sps_images.length-1)) {
		sps_current = 0;		
	} else {
		sps_swap();
	}
}
function sps_next_auto(){
	if(sps_complete() == true){
		sps_current_time++;
		if(sps_current_time == 1){
			for(var i=0;i<sps_images.length;i++){
				if(i!=sps_current){
					if(document.getElementById('sps_link_'+i) != undefined) document.getElementById('sps_link_'+i).className = 'sps-no';
				} else {
					if(document.getElementById('sps_link_'+i) != undefined) document.getElementById('sps_link_'+i).className = 'sps-act';
				}
			}
		}
		if(sps_current_time >= 10){
//			alert(sps_current_time);
			sps_current_time = 0;
			sps_current++;
			if(sps_current > (sps_images.length-1)) {
				sps_current = 0;		
				sps_playpause(true);
			} else {
				sps_swap(true);
			}
		}
	}
}
function sps_playpause(onlyOff){
	sps_current_time = 0;
	if(sps_active != true && !onlyOff){
		sps_active = true;
		if(document.getElementById('sps-link-playpause') != undefined) document.getElementById('sps-link-playpause').className = 'sps-act';
		sps_player = window.setInterval('sps_next_auto()',(sps_time/10));
	} else {
		sps_active = false;
		if(document.getElementById('sps-link-playpause') != undefined) document.getElementById('sps-link-playpause').className = 'sps-no';
		window.clearInterval(sps_player);
	}
}
