function ShowData() {
    this.hidden = !this.hidden;
    this.data.setStyle('display', this.hidden ? 'block' : 'none');
    this.close.setStyle('display', this.hidden ? 'block' : 'none');
}

var divs = null;
var count = -1;

function FxComplete() {
    if (++count<divs.length) {
        divs[count].fx.start({
            'opacity': 1.0,
            'margin-left': 0,
            'color': '#dc6902'
        });       
    }
}


var fx1, fx2;

function Animate() {
    fx1.start({
        'opacity': 1.0
    }); 
}

function InitializeComplete() {
    
    var ids = new Array("Cafe", "Hotel", "Convention", "Airport", "Apartment");
    for (var i=0; i<ids.length; i++) {
        var id = ids[i];
        var div = $(id);
        div.data = $(id+"Data");
        div.close = $(id+"Close");
        div.onclick = ShowData;         
    }
    
    divs = $$('#WelcomeWhy div');
    divs.each(function(element) {
        element.setStyle('opacity', 0);
        element.setStyle('display', 'block');
        element.setStyle('margin-left', '-20px');
        element.fx = new Fx.Styles(element, {duration:250, wait:true});
        element.fx.addEvent('onComplete', function() {
            FxComplete();
        });
    }); 
    
    var mh2 = $("MainH2");
    var mh3 = $("MainH3");
    
    fx1 = new Fx.Styles(mh2, {duration:1000, wait:true});
    fx2 = new Fx.Styles(mh3, {duration:1000, wait:true});
    
    mh2.setStyle('opacity', 0);
    mh2.setStyle('display', 'block');
    mh3.setStyle('opacity', 0);
    mh3.setStyle('display', 'block');
            
    fx2.addEvent('onComplete', function() {
        FxComplete();
    });
    
    fx1.addEvent('onComplete', function() {
        fx2.start({
            'opacity': 1.0
        });       
    });
    
    setTimeout("Animate();", 3000);
      
  
}