window.onload = function(){
	if (document.getElementById("georgia-image") && document.getElementById("thermo-image")) {
		georgia.init();
		thermo.init();
	}
}

var georgia = {

	targetHeight : 0,
	progressMeter : new Object(),

	init : function(){
		if(!document.getElementById) return false;
		this.resetValue();
		this.animateGeorgia();
	},

	resetValue : function(){
		this.progressMeter = document.getElementById("georgia-image");
		this.targetHeight = this.progressMeter.offsetHeight;
		this.progressMeter.style.height = "0px";
	},

	animateGeorgia : function(){
		var currHeight = this.progressMeter.offsetHeight;
		

		if(currHeight == this.targetHeight){
		}

		else{
			var interval = Math.ceil((this.targetHeight - currHeight) / 30);
			this.progressMeter.style.height = currHeight + interval + "px";
			setTimeout("georgia.animateGeorgia()",100);
		}
	}
}




var thermo = {

	targetHeight : 0,
	progressMeter : new Object(),

	init : function(){
		if(!document.getElementById) return false;
		this.resetValue();
		this.animateThermo();
	},

	resetValue : function(){
		this.progressMeter = document.getElementById("thermo-image");
		this.targetHeight = this.progressMeter.offsetHeight;
		this.progressMeter.style.height = "0px";
	},

	animateThermo : function(){
		var currHeight = this.progressMeter.offsetHeight;

		if(currHeight == this.targetHeight){
		}

		else{
			var interval = Math.ceil((this.targetHeight - currHeight) / 30);
			this.progressMeter.style.height = currHeight + interval + "px";
			setTimeout("thermo.animateThermo()",100);
		}
	}
}