/*!
 * ImageChanger
 * 
 * http://www.atrivis.de/
 * Copyright 2010, atrivis GmbH 
 * Author: Bettina Mohr
 * 
 * Date: Fri Jul 16 2010
 */
function ImageChanger(){
	
	var imagesArray = new Array();
	var currentActive = 0;
	var holderSelector = false;
	
    this.init = function(){
    	(function($) {
    	if (jQuery.browser.msie) {
			$('#foto2').css('display', 'none');
    		self.switchFoto();
    	}
    	else {
	    		$('#foto2').css('opacity', '0');
	    		self.switchFoto();
    	}
    	})(jQuery);
    }
    
	this.setImages = function(images){
		(function($) {
			imagesArray = images;
				

		})(jQuery);
    }
	
	this.switchFoto = function(){
		(function($) {
			
			// Set SRC
			if(currentActive == imagesArray.length - 1) {
				currentActive = 0;
				
				if(holderSelector) {
					window.setTimeout( function() {
					$('#foto').css("background-image", "url("+ imagesArray[currentActive].src +")");  
					} , 2000);
				}
				else {
					window.setTimeout( function() {
					$('#foto2').css("background-image", "url("+ imagesArray[currentActive].src +")");  
					} , 2000);
				}
			}
			else {
				currentActive++;
				
				if(holderSelector) {
					window.setTimeout( function() {
					$('#foto').css("background-image", "url("+ imagesArray[currentActive].src +")");
					} , 2000);
				}
				else {
					window.setTimeout( function() {
					$('#foto2').css("background-image", "url("+ imagesArray[currentActive].src +")");  
					} , 2000);
				}
			}
			
			
			// Switch VISIBILITY
			if (jQuery.browser.msie) {
				if(holderSelector) {
					$('#foto').css('display', 'none');
					$('#foto2').css('display', 'block');
				}
				else {
					$('#foto').css('display', 'block');
					$('#foto2').css('display', 'none');
				}
			}
			else {
				if(holderSelector) {
					$('#foto').animate({
						opacity: 0
						}, 1000, function() {
					// Animation complete.
					});	
					
					$('#foto2').animate({
						opacity: 1
						}, 1000, function() {
					// Animation complete.
					});	
				}
				else {
					$('#foto').animate({
						opacity: 1
						}, 1000, function() {
					// Animation complete.
					});	
					
					$('#foto2').animate({
						opacity: 0
						}, 1000, function() {
					// Animation complete.
					});	
				}
			}
			
			holderSelector = !holderSelector;
			window.setTimeout("imageChanger.switchFoto()", 8000);
		})(jQuery);
    }
	
    
    var self = this;
}

var imageChanger = new ImageChanger();



(function($) {
	
	$(document).ready(function(){
		imageChanger.init();
	});

})(jQuery);