// JavaScript Document
$(document).ready(function(){
						   
	// große boxen durchnummerieren
	jQuery('.wrapper div[class]').filter(function () {
        return jQuery(this).attr("class") == "box large";
     }).attr("id", function (index) {
        index = index || "";
        index++;
        return "large"+index;
     });
						   
	// großen boxen unten ausblenden
	$(".wrapper .large").css("display", "none");
	
	// anzahl der kleinen boxen bestimmen und wrapper/footer-breite anpassen
	var smallcount = $(".wrapper .small").size();
	var newwidth = smallcount * 195;
	$(".wrapper").css("width", newwidth);
	$(".wrapper .footer").css("width", newwidth);
	
	var newsmallboxes = smallcount - 3;
		
	function smallboxes() {
			var startcount = 1;
			$(document).everyTime(12000, function() {
					var newmargin = startcount * -195;
					$(".wrapper").animate({
						marginLeft:newmargin
					});
					startcount++;
					if (startcount-1==newsmallboxes) largeboxes();
			}, newsmallboxes);
	}
	
	var largecount = $(".wrapper .large").size();
	
	function largeboxes(){
		var startcount = 1;
		$(document).everyTime(12000, function() {
			$(".wrapper").fadeOut("slow", function(){
				$(".wrapper .box").css("display", "none");
				$(".wrapper #large"+startcount+"").css("display", "block");
				$(".wrapper").css("margin", "0px");
				$(".wrapper .footer").css("background-image", "url(fileadmin/templates/startseite/Bilder/boxen/wrapper_footer_large.jpg)");
				$(".wrapper").fadeIn("slow"); 
				startcount++;
				// wenn alle großeb boxen durchgelaufen sind
				if (startcount-1==largecount) backtosmallboxes()
			});			
		}, largecount);
	}
	
	function backtosmallboxes() {
		$(document).everyTime(12000, function() {
			$(".wrapper").fadeOut("slow", function(){
				$(".wrapper .box").css("display", "none");
				$(".wrapper .small").css("display", "block");
				$(".wrapper .footer").css("background-image", "url(fileadmin/templates/startseite/Bilder/boxen/wrapper_footer.jpg)");
				$(".wrapper").fadeIn("slow"); 
				smallboxes();
			});
		}, 1);
	}
	smallboxes();
	
});