// JavaScript Document

window.addEvent('domready', function() {
	var sections = {
		head : $$('.head'),
		top : $$('.top'),
		content : $$('.content'),
		foot : $$('.foot'),
		menu : $$('.menu, .submenu'),
		wrap : $$('.wrap'),
		colDx : $$('.colDx'),
		IcolDx : $$('.colDx > *'),
		imgtop : $$('#imgtop'),
		loader : $$('#loader'),
		logo : $$('.logo'),
		extra : $$('.extra-menu'),
		object : $$('#flash')
	}
	
	sections.loader.getElement('p').setStyles({'opacity' : '0'});
	sections.loader.getElement('p').set('morph', {duration : 1000});	
	sections.loader.getElement('p').morph({'opacity' : '1'});
	
	sections.loader.set('morph', { duration : 350, 'link' : 'chain'});
	
	for(i=0; i<5; i++) {
		sections.loader.morph({'color' : '#beb9ac'});
		sections.loader.morph({'color' : '#c6a990'});
	}
	
	var togliLoader = function () {
		sections.loader.getElement('p').morph({'opacity' : '0'});
		sections.loader.getElement('img').morph({'opacity':'0'});
	}
	
	togliLoader.delay(2500);

	sections.colDx.set('morph', { duration : 500 });
	sections.IcolDx.set('morph', { duration : 2500 });
	sections.object.set('morph', { duration : 500 });
	sections.head.set('morph', { duration : 2000 });
	sections.top.set('morph', { duration : 1500 });
	sections.menu.set('morph', { duration : 250 });
	sections.logo.set('morph', { duration : 500 });
	sections.imgtop.set('morph', { duration : 500 });
	sections.foot.set('morph', { duration : 500 });
	sections.content.set('morph', { duration : 500 });
	sections.wrap.set('morph', { duration : 500 });

	sections.object.setStyles({'opacity' : '0'});
	sections.imgtop.setStyles({'opacity' : '0'});
	sections.extra.setStyles({'opacity' : '0'});
	sections.foot.setStyles({'opacity' : '0'});
	sections.logo.setStyles({'opacity' : '0'});
	sections.menu.setStyles({'opacity' : '0'});
	sections.content.setStyles({'opacity' : '0'});
	sections.IcolDx.setStyles({'opacity' : '0'});
	sections.colDx.setStyles({'opacity' : '0', 'background-color' : '#ffffff'});


	var mostramenu = function (c) {
		switch(c) {
			case 0 :
				sections.wrap.setStyles({'height' : '390px'});
				sections.foot.setStyles({'top':'0px'});
				sections.wrap.morph({'height' : '430px'});
				sections.menu[c].setStyles({'top' : '0px'});
				var g = function (c) { sections.menu[c].morph({'opacity' : '1', 'display' : 'block'}); }
				g.delay(250, this, c);
			break;
			
			case 1 :
				sections.wrap.morph({'height' : '453px'});
				sections.menu[c].setStyles({'top' : '-18px'});
				var g = function (c) { sections.menu[c].morph({'opacity' : '1', 'display' : 'block', 'top' : '0px'}); }
				g.delay(300, this, c);
			break;
		}
	} 
	
	var espandicontent = function () {
		sections.content.morph({'opacity' : '1', 'height' : '580px'});
		sections.wrap.morph({'height' : '1000px'});
//		var f = function () { sections.colDx.setStyles({'opacity' : '1'}); }
		var g = function () { sections.colDx.morph({'background-color' : '#f4f0e5', 'opacity' : '1'}); }
		var h = function () { sections.IcolDx.morph({'opacity' : '1'}); } 
//		f.delay(500);
		h.delay(1000);
		g.delay(500);
	}

	var mostralogo = function () {
		sections.logo.morph({'opacity' : '1'});
	}

	var labels = { 
		li : sections.extra.getElements('li') 
	}
	
	labels.li.each(function(c) { c.set('morph', { duration : 500 }) });
	labels.li.each(function(c) { c.setStyles({'left' : '-150px', 'opacity' : '0'}) });
	
	var mostralabels = function (c) {
		sections.extra.setStyles({'opacity' : '1'});
		labels.li[0][c].morph({'left' : '0px' , 'opacity' : '.7'});
	}
	
	var mostraimgtop = function () {
		sections.imgtop.morph({'opacity' : '1', 'top' : '0px'});
	}
	
	var mostrafoot = function () {
		sections.foot.morph({'opacity' : '1'});
	}

	var riempitop = function () {
		sections.top.morph({'background-color':'#8cb5d2'});
	}

	var mostraobject = function() {
		sections.object.morph({'opacity' : '1'});
	}
		
	mostralabels.delay(5000, this , 0);
	mostralabels.delay(5200, this , 1);
	mostraimgtop.delay(3850);
	mostrafoot.delay(3850);
	mostralogo.delay(4300);
	riempitop.delay(5500);
	espandicontent.delay(7000);
	mostramenu.delay(6000, this, 0);
	mostramenu.delay(6500, this, 1);
	mostraobject.delay(7000);
	
});