window.addEvent('domready',function(){
	var morph = new Fx.Morph('carre-start');
	
	var loader = new Waiter($('waiter'));
	loader.start();
	loader.stop.delay(1400,loader);
	
	loader.addEvent('onHide', function() {
		morph.start({
			width: '511px',
			color: '#C6D880',
			height: '499px',
			top: '40px'
		});
		$('carre-start').setStyles({
			'z-index': '1',
			'background-image': 'url(../images/dvp-accueil.jpg)',
			'position': 'relative',
			'overflow': 'hidden',
			'margin': 'auto'
		});
		morph.addEvent('complete', function() { 
			var agence = createAnchor('Office','http://www.viguier.com/en/agence-viguier.php');
			//var agence = createAnchor('Agence','http://cvmh-05/viguier/agence-viguier.php');
			agence.inject('site').setPosition({
				relativeTo: $('carre-start'),
				position: 'upperLeft',
				offset : { x:-50, y:2 }
			});
			var projet = createAnchor('Projects','http://www.viguier.com/en/projets-agence-viguier.php');
			//var projet = createAnchor('20 Projets','http://cvmh-05/viguier/projets-agence-viguier.php');
			projet.inject('site').setPosition({
				relativeTo: $('carre-start'),
				position: 'upperRight',
				offset : { x:7, y:2 }
			});
			var thematique = createAnchor('4 Themes','http://www.viguier.com/en/thematiques.php');
			//var thematique = createAnchor('4 Thématiques','http://cvmh-05/viguier/thematiques.php');
			thematique.inject('site').setPosition({
				relativeTo: $('carre-start'),
				position: 'bottomLeft',
				offset : { x:-79, y:-16 }
			});
			var presse = createAnchor('Press','http://www.viguier.com/en/presse.php');
			//var presse = createAnchor('Presse','http://cvmh-05/viguier/presse.php');
			presse.inject('site').setPosition({
				relativeTo: $('carre-start'),
				position: 'bottomRight',
				offset : { x:7, y:-16 }
			});
			var logo = createLogo();
			logo.inject('site').setPosition({
				relativeTo: $('carre-start'),
				position: 'upperLeft',
				offset : { x:15, y:-39}
			});
			var footer = createFooter();
			footer.inject('site').setPosition({
				relativeTo: $('carre-start'),
				position: 'bottom',
				offset : { x:-35, y:5}
			});
		});		
	});	
});

function createAnchor(texte,lien) {
	var span = new Element('span', {
		styles: {
			'position': 'relative',
			'display': 'block'
		}
	});
	var ancre = new Element('a', {
		'class': 'lien_menu',
		href: lien
	}).inject(span);
	ancre.appendText(texte);
	return span;
};

function createLogo() {
	var titre_site = new Element('div', {
			'id': 'logo'
	});
	var titre = new Element('h1', {
			'class': 'logo-contenu'
	}).inject(titre_site);
	var ancre = new Element('a', {
			'class' : 'logo-contenu',
			href: 'http://www.cvmh-solutions.com/dev/viguier/'
	}).inject(titre);
	var span = new Element('span', {
			'class' : 'none'
	}).inject(ancre);
	span.appendText('Jean Paul Viguier - Architecture');
	return titre_site;
};

function createFooter() {
	var bloc_footer = new Element('div', { 'class' : 'footer' });
	var ancre_aide = new Element('a', {
			'class' : 'lien_footer',
			href: 'http://www.viguier.com/en/aide.php'
	}).inject(bloc_footer);
	bloc_footer.appendText(' | ');
	var ancre_contact = new Element('a', {
			'class' : 'lien_footer',
			href: 'http://www.viguier.com/en/contact.php'
	}).inject(bloc_footer);
	ancre_aide.appendText('Help');
	ancre_contact.appendText('Contacts');
	return bloc_footer;
}