var Header = {
	images : null,
	currentIndex: 0,
	FadeDelay: 2000,
	
	init : function() {
        $(document).ready(Header.preloadImage);
    },
	
	preloadImage: function() {
		var images = $('#displayImage img');
		var nmb_images = images.length;
		var loaded = 0;
		
		images.each(function(i){
			var $image = $(this);
			$('<img />').load(function(){
				++loaded;
				if(loaded == nmb_images){
					Header._init();
				}
			}).attr('src', $image.attr('src'));
		});
	},
    
    _init : function () {
		$('#displayImage').css({'background-image': 'none'});
		
		Header.images = $('#displayImage .images .image');
		
		if (!Header.images) return;
		
		Header.images.each(function(index) {
			if (index > 0)
				$(this).fadeOut(0);
			else
				$(this).fadeIn(1000);
		});
		
		if (Header.images.length > 1)	
			$("#displayImage").everyTime(3000,Header.auto);
	},
	
	auto: function() {
		if (Header.pause)
			return;
			
		var index = Header.currentIndex + 1;
		
		if (index + 1 > Header.images.length) 
			index = 0;
			
		Header.GotoImage(index);
	},
	
	GotoImage: function(index) {
		$(Header.images[Header.currentIndex]).fadeOut(Header.FadeDelay);
		Header.currentIndex = index;
		
		$(Header.images[Header.currentIndex]).fadeIn(Header.FadeDelay);
	}
}

Header.init();