// Settings
var start_item = 0;
var auto_playback = 1;
var playback_time = 6;



// Global Variables
var active_item = -1;
var autoplay_interval;
var images;


// Init Script
$(document).ready(function(){
		
	// Load images
	images = new Array(
		"/images/services/teaser_images/service_objektbeleuchtung.jpg",
		"/images/services/teaser_images/service_led-beleuchtung.jpg",
		"/images/services/teaser_images/service_elektroinstallation.jpg",
		"/images/services/teaser_images/service_beschallung.jpg",
		"/images/services/teaser_images/service_intelligentes_wohnen.jpg",
		"/images/services/teaser_images/service_heizung_klima.jpg"

	);
	
	// Replace Links with images
	$("#services_1 a").css("background-image", "url('https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper//images/services/object.gif')");
	$("#services_2 a").css("background-image", "url('https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper//images/services/led-beleuchtung.gif')");
	$("#services_3 a").css("background-image", "url('https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper//images/services/elektroinstallation.gif')");
	$("#services_4 a").css("background-image", "url('https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper//images/services/beschallung.gif')");
	$("#services_5 a").css("background-image", "url('https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper//images/services/intelligent.gif')");
	$("#services_6 a").css("background-image", "url('https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper//images/services/heizung_klima.gif')");

	
	// Set Spacing between elements:
	$("#services ul li a").css("margin-bottom", "14px");
	$(".services_separator").css("margin-top", "-14px");
	
	// Init (load images and view the default image with "more info"-link)
	for(var i=0; i<images.length; i++) {
		jQuery("<img>").attr("src", "https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper/" +  images[i]);
		$("#services").append(
			jQuery("<div>").addClass("services_image").css("background-image", "url('https://www.schlieper-elektro.de/wp-content/themes/lohmannschlieper/" +  images[i] + "')")
		);
	}
	$("#services").append(jQuery("<div>").attr("id", "services_more").append(jQuery('<a href=""></a>')));
	$(document).pngFix(); 
	select_item(start_item);
	
	
	// Make links switch images on click
	$("#services ul li a").each(function(index){
		$(this).click(function() {
			select_item(index);
			window.clearInterval(autoplay_interval);
			return false;
		});
	});
});


// Function to switch menuitems
function select_item(id) {
	
	if(active_item != id)
	{
		$("#services ul li a:eq(" + active_item + ")").removeClass("active");
		$("#services .services_image:eq(" + active_item + ")").fadeOut(300);
		
		$("#services .services_image:eq(" + id + ")").fadeIn(300);
		$("#services ul li a:eq(" + id + ")").addClass("active");
		
		
		$("#services_more").unbind("click");
		
		$("#services_more").click(function() {
			window.location = $("#services ul li a:eq(" + id + ")").attr("href");
			return false;
		});
		
		active_item = id;
	}
}


// Autoplay
function auto_switch_items() {
	
	var next_item = active_item+1;
	if(next_item > 4) next_item = 0;
	
	select_item(next_item);
}

if(auto_playback == true) {
	autoplay_interval = window.setInterval("auto_switch_items()", playback_time*1000);
}