(function($) {
	var imgList = [];
	$.extend({
		preload: function(imgArr, option) {
			var setting = $.extend({
				init: function(loaded, total) {},
				loaded: function(img, loaded, total) {},
				loaded_all: function(loaded, total) {}
			}, option);
			var total = imgArr.length;
			var loaded = 0;
			
			setting.init(0, total);
			for(var i in imgArr) {
				imgList.push($("<img />")
					.attr("src", imgArr[i])
					.load(function() {
						loaded++;
						setting.loaded(this, loaded, total);
						if(loaded == total) {
							setting.loaded_all(loaded, total);
						}
					})
				);
			}
			
		}
	});
})(jQuery);


$(document).ready(function(){
  var images = bg_pics.split(",");  
  
  // Aktuelle PageID, zufälliges Startbild
  var parameters = document.URL.split("?");
  
  if(parameters.length>1) {
    // index.php in URL enthalten
    var pageParameter = parameters[1].split("&")[0];
    var pageID = pageParameter.replace("id=","");
  } else {
    // root
    var pageID = 4;
  }

    
  for(var i=0;i<images.length;i++) {
        images[i] = "uploads/media/"+images[i];
  } 
  
  $.preload(images);
  if(images.length>1 && pageID != 4) {
    contentObj = $("#content");
    contentObj.append('<div id="leftarrow" class="field0"></div>');
    contentObj.append('<div id="rightarrow" class="field0"></div>');
    
    var centerPx = (contentObj.outerHeight()/2)+30;      
    $("#leftarrow").css("top", centerPx);
    $("#rightarrow").css("top", centerPx);
    
    $("#leftarrow").live("click",function(){
      prevImg();
    });
    
    $("#rightarrow").live("click",function(){
      nextImg();
    });  
  }
  
  if(pageID == 4 || pageID =="") {
    // Zufälliges Bild auf der Startseite
    rand = Math.floor(Math.random()*(images.length));
    
    $("#content").css("background-image","url("+images[rand]+")");
    $("#content > .wrap").css("position","absolute");
    $("#content > .wrap").css("bottom","0");
  }
  
  function prevImg() {
    leftArrow = $("#leftarrow");
    rightArrow = $("#rightarrow");
    
    value = leftArrow.attr("class").replace("field","");
    leftArrow.removeClass("field"+value);
    rightArrow.removeClass("field"+value); 
    value--;
    if(value<0) {
      value=images.length-1;
    }
 
    leftArrow.addClass("field"+value);
    rightArrow.addClass("field"+value);
    $("#content").css("background-image","url("+images[value]+")");
    
  }
  
  function nextImg() {
    rightArrow = $("#rightarrow");
    leftArrow = $("#leftarrow");
        
    value = rightArrow.attr("class").replace("field","");
    rightArrow.removeClass("field"+value);
    leftArrow.removeClass("field"+value);
    value++;
    if(value>images.length-1) {
      value=0;
    }

    rightArrow.addClass("field"+value);
    leftArrow.addClass("field"+value);
    $("#content").css("background-image","url("+images[value]+")");
  }
});