window.addEvent('domready', function(){

    var myEffects = new Fx.Styles($('globalLogo'), {duration: 1000, transition: Fx.Transitions.linear});
    myEffects.start({
        'height': [0, 131],
        'width': [199, 199],
		'opacity': [0, 1]

    });
	
	    var k = 0;
	  $$('div.sButton').each(function (elem){
        if(elem.hasClass('active')) {
            var activeSpan = elem.getChildren();
            $('bodyTitle').setHTML(activeSpan[0].innerHTML);
            return;
        }
        k+=2;
        var myEffects = new Fx.Styles(elem, {duration: (k*200), transition: Fx.Transitions.linear});
        myEffects.start({
            'height': [33, 33],
            'width': [0, 192],
			'opacity': [0, 1]
        });

        elem.addEvents({
            'mouseenter':function(){
                elem.addClass('active');
            },
            'mouseleave':function(){
                elem.removeClass('active');
            }
        });
    });
  	
	
	doAnime();
	});
doAnime = function (){
		var myEffect1 = new Fx.Styles($('hrd_02'), {duration: 5000, transition: Fx.Transitions.linear});
		var myEffect2 = new Fx.Styles($('hrd_03'), {duration: 3000, transition: Fx.Transitions.linear});
		var myEffect3 = new Fx.Styles($('hrd_04'), {duration: 5000, transition: Fx.Transitions.linear});
		var myEffect4 = new Fx.Styles($('hrd_05'), {duration: 3000, transition: Fx.Transitions.linear});
			myEffect4.start({
				'top': [-137, 0],
				'left': [-100, 370],
				'opacity': [0, 1]
			}).chain(function(){
			  myEffect2.start({
				'top': [-50, 50],
				'left': [100, 200]});
			myEffect1.start({
				'top': [-50, 10],
				'left': [-100, 10]
			});
			myEffect3.start({
				'top': [250, 100],
				'left': [600, 10]});
			myEffect4.start({
				'opacity': [1, 0]
			}) }).chain(function(){
			myEffect2.start({
				'opacity': [1, 0]});
			myEffect1.start({
				'opacity': [1, 0]});
			myEffect3.start({
				'opacity': [1, 0]});
		
				
				doAnime();
	});
	}