var current_item = '';
var images = new Array();
document.observe('load', function(){
	var names = new Array('nathalie', 'valerie', 'carine', 'laurence', 'laura');
	var path = 'http://www.valinthecity.com/images/';
	for ( i = 0; i < names.length; i++ ) {
		images[i] = new Array();
		images[i][0] = new Image;
		images[i][0].src = path + names[i]+'-before-1.jpg';
		images[i][1] = new Image;
		images[i][1].src = path + names[i]+'-before-2.jpg';
		images[i][2] = new Image;
		images[i][2].src = path + names[i]+'-after-1.jpg';
		images[i][3] = new Image;
		images[i][3].src = path + names[i]+'-after-2.jpg';
	}
});

var title = 'Val in the city - Relooking / Conseil en image';
var headers = $H({ 
	quisommesnous: "Qui sommes nous ? - Valérie Maarek - Mode Beauté, Shopping, shopping personnalisé",
	lerelooking: "Le relooking - Valérie Maarek - Conseil en image, Transformation, Coaching, Shopping personnalisé, Styliste, Conseils de mode",
	prestationsettarifs: "Prestations et tarifs - Valérie Maarek - Beauté, Maquillage, Coiffure, Manucure, Mode, Shopping personnalisé, Relooking",
	temoignages: "Témoignages",
	videos: "Vidéos",
	contact: "Contact",
	presse: "Presse",
	newsletters: "Newsletters"
});

var Menu = {
	init: function(id){
		var tag = id.gsub('-', '');
		document.title = headers.get(tag)+" - "+title;
		window.location.hash = '#'+id;
		
		var item = $(id);
		$$('#nav li a').invoke('removeClassName', 'active');
		$$('#nav li a[href="#'+id+'"]').invoke('addClassName', 'active');

		if( current_item && current_item.visible() )
			new Effect.Fade(current_item,{duration:0.4});

		new Effect.Appear(item,{duration:0.4});

		current_item = item;
		if( current_item && !current_item.visible() )
			current_item.show();
	},
	show: function(){
		Menu.init(this.href.split('#')[1]);
		this.blur();
	}
}
document.observe('dom:loaded',function(){
	
	$$('.section').invoke('hide');

	var queryhash = window.location.hash;
	switch (queryhash) {
		case "#qui-sommes-nous":
			Menu.init('qui-sommes-nous');
			break;
		case "#le-relooking":
			Menu.init('le-relooking');
			break;
		case "#prestations-et-tarifs":
			Menu.init('prestations-et-tarifs');
			break;	
		case "#temoignages":
			Menu.init('temoignages');
			break;
		case "#videos":
			Menu.init('videos');
			break;
		case "#contact":
			Menu.init('contact');
			break;
		case "#presse":
			Menu.init('presse');
			break;
		case "#newsletters":
			Menu.init('newsletters');
			break;

		default:
			current_item = $$('.section').first();
			current_item.show();
		break;
	}
	$$('#nav li a').each(function(link){ 
		link.onclick = function(){ return false; }
		link.observe('click', Menu.show.bindAsEventListener(link));
	});
});