function newBoutique() {
	$('ecrire').innerHTML='<p>Une nouvelle boutique est en préparation.<br />Afin de répondre au mieux à vos besoin, la vieille boutique Yellow Bag ferme ses portes. Une nouvelle boutique, au nom novateur, va bientôt être ouverte. Tout cela en collaboration avec l\'association Vlad Prod.<br />Surveillez ça de prêt !</p>';
	opentext();
}
function getHisto() {
	$('ecrire').innerHTML='<p>L\'association Yellow Bag a été montée à l\'été 2006. Sont but était alors de devenir un label associatif. La première année fut vierge d\'activité.<br /><img src="http://tominardi.free.fr/ybr/pochette_girafe_ok.jpg" alt="girafe" style="float:left;" /><br />C\'est lors de l\'été 2007 que le projet de compilation de groupes Nantais fut lancé. Après un concert de financement en septembre, la sortie du disque a pu avoir lieu en décembre.<br />1000 copies furent pressées.</p><p>La suite de l\'activité fut ensuite la distribution de disque, via une distro présente sur de nombreux concerts et une boutique en ligne.</p><p>Un projet de WebTV ne fut finalement pas mis à terme. De plus, les projets parallèles prenant beaucoup de temps et d\'énergie, Yellow Bag est progressivement devenu label de plusieurs événements (AlienFest, orga de concerts, blog, etc.)</p><p>Ainsi, la décision fut ainsi prise de changer l\'orientation de l\'entité Yellow Bag.</p>';
	opentext();
}
function getForum() {
	$('ecrire').innerHTML='<p>Deux forums, deux univers.</p><p><strong>Forum Alien Fest - </strong>Musique en général, Festival Punk Rock de Nantes en particulier. Disponible en <a href="http://alienfest.fr/forum/">cliquant ici</a></p><p><strong>Forum M.icro.be - </strong>Pour une ambiance plus informatique, web, geek. Disponible en <a href="http://m.icro.be/forum/">cliquant ici</a></p>';
	opentext();
}
function getMyspace() {
	$('ecrire').innerHTML='<p>Voici la liste des MySpace disponibles :</p><ul><li><a href="http://www.myspace.com/yellowbagasso">Association Yellow Bag</a></li><li><a href="http://www.myspace.com/alienfestival">Alien Fest</a></li></ul>';
	opentext();
}
function getFacebook() {
	$('ecrire').innerHTML='<p>Voici la liste des pages Facebook disponibles :</p><ul><li><a href="http://www.facebook.com/alienfest">Alien Fest</a></li><li><a href="http://www.facebook.com/group.php?gid=72641071797">tominardi.fr</a></li></ul>';
	opentext();
}

function opentext() {
	new Effect.Move('fulltext',{x:20,y:40,mode:'absolute',duration:0.5});
	new Effect.Move('voile',{x:0,y:0,mode:'absolute',duration:0.1})
}

function closetext() {
	new Effect.Move('fulltext',{x:20,y:-650,mode:'absolute',duration:0.5});
	new Effect.Move('voile',{x:0,y:-2000,mode:'absolute',duration:0.1})
}

function gestionevents() {

	new Draggable('communique',{} );
	new Draggable('alienfest',{} );
	new Draggable('tominardi',{} );
	new Draggable('microbe',{} );
	new Draggable('forum',{} );
	new Draggable('historique',{} );
	new Draggable('boutique',{} );
	new Draggable('contact',{} );
	new Draggable('bientotplus',{} );
	new Draggable('ie6trash',{} );
	
	
	new Effect.Move('alienfest',{x:20,y:60,mode:'absolute',duration:0.5});
	new Effect.Move('tominardi',{x:160,y:60,mode:'absolute',duration:0.5});
	new Effect.Move('microbe',{x:300,y:60,mode:'absolute',duration:0.5});
	new Effect.Move('forum',{x:440,y:60,mode:'absolute',duration:0.5});
	new Effect.Move('historique',{x:20,y:190,mode:'absolute',duration:0.5});
	new Effect.Move('boutique',{x:160,y:190,mode:'absolute',duration:0.5});
	new Effect.Move('contact',{x:300,y:190,mode:'absolute',duration:0.5});
	new Effect.Move('bientotplus',{x:440,y:190,mode:'absolute',duration:0.5});
	
	Event.observe('alienfest','mouseover',function(){$('infoarea').innerHTML='<p>Festival de musique Punk Rock organisé à Nantes</p>'},false);
	Event.observe('tominardi','mouseover',function(){$('infoarea').innerHTML='<p>Blog à base de Rock N\' Roll et de geekeries.</p>'},false);
	Event.observe('microbe','mouseover',function(){$('infoarea').innerHTML='<p>Site dédié au Web Developpement - Un Wiki, un blog, un forum, un projet de CMS, etc.</p>'},false);
	Event.observe('forum','mouseover',function(){$('infoarea').innerHTML='<p>Deux forums disponible. Un forum musical et un forum informatique.</p>'},false);
	Event.observe('historique','mouseover',function(){$('infoarea').innerHTML='<p>Pour tout savoir sur la vie de Yellow Bag et sur la présence de la Girafe.</p>'},false);
	Event.observe('boutique','mouseover',function(){$('infoarea').innerHTML='<p>Nouvelle boutique bientôt en ligne !</p>'},false);
	Event.observe('contact','mouseover',function(){$('infoarea').innerHTML='<p>N\'hésitez pas à envoyer un petit mail.</p>'},false);
	Event.observe('bientotplus','mouseover',function(){$('infoarea').innerHTML='<p>Bienvenue sur Yellowbag.fr. Cette barre vous donnera les informations dont vous avez besoin. Si votre navigateur ne vous permet pas de visualiser cette page correctement, <a href="light.html">cliquez ici</a>.</p>'},false);
	Event.observe('twitter','mouseover',function(){$('infoarea').innerHTML='<p>Le twitter de Tominardi.</p>'},false);
	Event.observe('facebook','mouseover',function(){$('infoarea').innerHTML='<p>Les pages Facebook du AlienFest, de tominardi.fr, etc.</p>'},false);
	Event.observe('myspace','mouseover',function(){$('infoarea').innerHTML='<p>Les pages MySpace de Yellow Bag, AlienFest, etc.</p>'},false);
	
	Event.observe('close','click',closetext);
	Event.observe('voile','click',closetext);
	Event.observe('lboutik','click',newBoutique);
	Event.observe('lhisto','click',getHisto);
	Event.observe('lforum','click',getForum);
	Event.observe('myspace','click',getMyspace);
	Event.observe('facebook','click',getFacebook);

}

Event.observe(window, 'load', gestionevents, false);