$(document).ready(function() {
	// "Flash" header animatie
	
    var delayTime = 4000;
    var animTime = 700;
    
	var headerAnimation = new function() {

	    var counter = 0;
	    var self = this;
	    var container = $("#flashHeader");
	    var element = $(".pic");
	    var iterations = element.length;
	    var element1Class;
	    var element2Class;

	    this.animationIn = function(item1, item2) {
	        //
			$(item2)
				.animate({top: '-10px'},{duration: animTime*0.9, easing: 'easeOutBack'});
			
			$(item1)
				.delay(animTime/3).animate({top: '30px'},{duration: animTime, easing: 'easeOutBack'});
	    }
	    
	    this.animationOut = function(item1, item2) {
	        //
	    	var allPics = container.selector + " img";
			$(allPics).animate({top: '200px'},{duration: animTime, easing: 'easeInBack'});
	    }
	    
	    this.runAnimation = function() {

	        var val = counter; 
	        if(val >= iterations) { val = val-iterations; }
	        element1Class = element.selector + "." + val;
	        
	        val = counter+1;
	        if(val >= iterations) { val = val-iterations; }
	        element2Class = element.selector + "." + val;

	        window.setTimeout(function() { // Step 1
	        	
	        	//alert(element1Class);

		        self.animationIn(element1Class, element2Class);

	            window.setTimeout(function() { // Step 2
	                
		        	self.animationOut(element1Class, element2Class);

	            }, delayTime*0.9);

	        }, 4);

	    };

	    this.init = function() {

			element.each(function(i, pic) {
				
				if(i % 2 == 1) {
					$(pic).css('left', '470px');
				}
				else {
					$(pic).css('left', '585px');
				}
			});

			container.find("p")
						.animate({queue: false, left: '50px', opacity: '1', filter: ''}, {duration: 600, easing: 'easeOutCirc'});

	        window.setTimeout(function() {

	            if(counter >= iterations)
	            {
	                counter = 0;
	            }

	            self.runAnimation();
	            
	            counter = counter+2;
	            
	            window.setTimeout(arguments.callee, delayTime*1.4 + 4);

	        });

	    };

	};


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