window.addEvent('domready', function()
{
	var script_ok = true;
	if(!$("bar1"))
	{
		script_ok = false;
	}
	if(!$("bar2"))
	{
		script_ok = false;
	}
	if(!$("bar3"))
	{
		script_ok = false;
	}
	if(!$("bar4"))
	{
		script_ok = false;
	}
	if(!$("bar5"))
	{
		script_ok = false;
	}
	if(!$("bar6"))
	{
		script_ok = false;
	}
	if(!$("text"))
	{
		script_ok = false;
	}
	else
	{
		$("text").setStyles({opacity : 0});
	}
	
	if (script_ok)
	{
		$("text").set('morph', {duration: 1500, transition: 'bounce:out'});
		
		$("bar1").set('morph', {duration: 300, transition: 'expo:out', onComplete : function(){morphBar("bar2", 325)}});
		$("bar2").set('morph', {duration: 300, transition: 'expo:out', onComplete : function(){morphBar("bar3", 275)}});
		$("bar3").set('morph', {duration: 300, transition: 'expo:out', onComplete : function(){morphBar("bar4", 300)}});
		$("bar4").set('morph', {duration: 300, transition: 'expo:out', onComplete : function(){morphBar("bar5", 335)}});
		$("bar5").set('morph', {duration: 300, transition: 'expo:out', onComplete : function(){morphBar("bar6", 300)}});
		$("bar6").set('morph', {duration: 300, transition: 'expo:out', onComplete : function(){$("text").morph({opacity : [0, 1]})}});		
		
		morphBar("bar1", 350);
		
	};
});

function morphBar(id, width)
{
	$(id).morph({width: width});
}