jQuery(document).ready(function() {
  window.animation = new Animation();
  window.animation.topPos = jQuery('#imageheader').offset().top + 30;
  window.animation.fadein();
});

function Animation() { };

Animation.prototype =  {
	timeOfAnimation: 5000,
	timeOfFreeze: 5000,
	timeOfHidden: 500,
	ready2animate1: true,
	ready2animate2: true,
        topPos: 140,

	fadein: function() {
		if (window.animation.ready2animate1 && window.animation.ready2animate2)
		{
			// reset flags
			window.animation.ready2animate1 = false;
			window.animation.ready2animate2 = false;
	
			// determ random widht&tops
			var row1width = (400 + Math.random()*550) + 'px';
			var row1top = (100 + Math.random()*200) + 'px';
			// Animate row 1
			jQuery('h3.row1').css("width", row1width); 
			jQuery('h3.row1').css("top", row1top); 
			jQuery('h3.row1').animate({
					width: 950,
					opacity: 1,
					top: window.animation.topPos
				}, 
				window.animation.timeOfAnimation, 
				window.animation.fadeinready1
			);

			// Animate row 2
			var row2width = (400 + Math.random()*550) + 'px';
			var row2top = (100 + Math.random()*200) + 'px';

			jQuery('h3.row2').css("width", row2width);
			jQuery('h3.row2').css("top", row2top ); 
			jQuery('h3.row2').animate({
					width: 950,
					opacity: 1,
					top: window.animation.topPos + 40
				}, 
				window.animation.timeOfAnimation, 
				window.animation.fadeinready2
			);
		}
	},
	
	fadeinready1: function() {
		window.animation.ready2animate1 = true; 
		setTimeout(window.animation.fadeout, window.animation.timeOfFreeze);
	},
	
	fadeinready2: function() {
		window.animation.ready2animate2 = true; 
		setTimeout(window.animation.fadeout, window.animation.timeOfFreeze);
	},
	
	fadeout: function() {
		if (window.animation.ready2animate1 && window.animation.ready2animate2)
		{
			// reset flags
			window.animation.ready2animate1 = false;
			window.animation.ready2animate2 = false;
	
			// determ random widht&tops
			var row1width = (400 + Math.random()*550) + 'px';
			var row1top = (100 + Math.random()*200) + 'px';
			// Animate row 1
			jQuery('h3.row1').animate({
					width: row1width,
					opacity: 0,
					top: row1top
				}, 
				window.animation.timeOfAnimation, 
				window.animation.fadeoutready1
			);

			// Animate row 2
			var row2width = (400 + Math.random()*550) + 'px';
			var row2top = (100 + Math.random()*200) + 'px';
			jQuery('h3.row2').animate({
					width: row2width,
					opacity: 0,
					top: row2top
				}, 
				window.animation.timeOfAnimation, 
				window.animation.fadeoutready2
			);
		}
	},
	
	fadeoutready1: function() {
		window.animation.ready2animate1 = true; 
		setTimeout(window.animation.fadein, window.animation.timeOfHidden);
	},
	
	fadeoutready2: function() {
		window.animation.ready2animate2 = true; 
		setTimeout(window.animation.fadein, window.animation.timeOfHidden);
	}
};