var menuSite = {
	accueil			: {	nbImgDiap :0,	isMultilang :false	},
	collections		: {	nbImgDiap :0,	isMultilang :false	},
	chaussures		: {	nbImgDiap :0,	isMultilang :false	},
	chaussureshomme	: {	nbImgDiap :7,	isMultilang :false	},
	chaussuresfemme	: {	nbImgDiap :5,	isMultilang :false	},
	sneakers		: {	nbImgDiap :6,	isMultilang :false	},
	sacs			: {	nbImgDiap :5,	isMultilang :false	},
	accessoires		: {	nbImgDiap :4,	isMultilang :false	},
	mode			: {	nbImgDiap :0,	isMultilang :false	},
	cachemire		: {	nbImgDiap :3,	isMultilang :false	},
	tshirts			: {	nbImgDiap :1,	isMultilang :false	},
	modefemme		: {	nbImgDiap :6,	isMultilang :false	},
	tendances		: {	nbImgDiap :4,	isMultilang :false	},
	artistes		: {	nbImgDiap :8,	isMultilang :false	},
	boutiques		: {	nbImgDiap :0,	isMultilang :false	},
	bio				: { nbImgDiap :0,	isMultilang :true	},
	consulting		: {	nbImgDiap :0,	isMultilang :true	},
	contact			: {	nbImgDiap :0,	isMultilang :false	}
};

var positions = { 
	fr: new Array("left top", "left center", "left bottom"),
	en: new Array("right top", "right center", "right bottom")
};	

var imageArray;
var myTimerId;
var totalImage;
var interval; 
var ImageNum;
var flagAutoPlay;
var idClicked;
var idClickedBefore;
var entreeMenu;
var langSite;

var effectDoneMenuHaut;
var effectDoneMenuMode;
var effectDoneMenuBas;

function setup() {
	if(document.compatMode && document.all)
		langSite = navigator.userLanguage.substring(0,2);
	else if(window.getComputedStyle)
		langSite = navigator.language.substring(0,2);
	
	langSite = (langSite == 'fr')?'fr':'en';
	
	interval = 2500;
	idClickedBefore = "accueil";
	effectDoneMenuHaut = false;
	effectDoneMenuMode = false;
	effectDoneMenuBas = false;

	divs = $('.div_lien_menu');
	divs.hover(
		function() {this.style.backgroundPosition = positions[langSite][1];},
		function() {this.style.backgroundPosition = positions[langSite][(this.id==idClickedBefore)?2:0];}
	);
	$.each(divs, function(i) {
		var key = divs[i].id;
		$('#'+key).css("backgroundPosition", positions[langSite][(key==idClickedBefore)?2:0]);
		addSlide(key);
	});
	
	$('#langue').click(function () {
		langSite = (langSite == 'fr')?'en':'fr';
		$.each(divs, function(i) {
			var key = divs[i].id;
			$('#'+key).css("backgroundPosition", positions[langSite][(key==idClickedBefore)?2:0]);
		});
		if (menuSite[idClickedBefore].isMultilang==true) {
			$("." + ((langSite == 'fr')?'en':'fr'), $("#" + idClickedBefore + "Slide")).css("display", "none");
			$("." + langSite, $("#" + idClickedBefore + "Slide")).css("display", "block");		
		}
		$('#langue').css("backgroundPosition", (langSite == 'en')?'left top':'right top');
    }).css("backgroundPosition", (langSite == 'en')?'left top':'right top');
	
	$('#courrier').click(function () {
		chaine_mail = "ala" + "in" + "@";
		chaine_mail += "trib" + "eaudot";
		chaine_mail += ".";
		chaine_mail += "com";
		location.href = "mailto:" + chaine_mail;
    }).hover(      
	  function () {$(this).css("backgroundImage", "url('img/btn/contact_mail.png')");}, 
      function () {$(this).css("backgroundImage", "none");}
	).css("backgroundImage", "none");
	
	$('#_prev').click(stopDiap);
	$('#_auto').click(autoPlay);
	$('#_next').click(stopDiap);	
	$("#" + idClickedBefore + "Slide").css("display", "block");
}

function addSlide(key) {	
	var slide = "<div class='slide' id='" + key + "Slide'>\n";
	if( menuSite[key].nbImgDiap > 0) {
		var styleBackgrdImg = "background-image:url(\"img/" + key + "/1.jpg\")";
		slide += "<div class='innerSlide diap' " + "style='" + styleBackgrdImg + ";background-repeat:no-repeat;'></div>\n"
	}
	else if (menuSite[key].isMultilang== true) {
		var styleBackgrdImg = "background-image:url(\"img/" + key + "_fr.jpg\")";
		slide += "<div class='innerSlide fr' " + "style='" + styleBackgrdImg + ";background-repeat:no-repeat;display:" + ((langSite == 'fr')?'block':'none') + "'></div>\n"
		styleBackgrdImg = "background-image:url(\"img/" + key + "_en.jpg\")";
		slide += "<div class='innerSlide en' " + "style='" + styleBackgrdImg + ";background-repeat:no-repeat;display:" + ((langSite == 'en')?'block':'none') + "'></div>\n"		
	}
	else {
		var styleBackgrdImg = "background-image:url(\"img/" + key + ".jpg\")";
		slide += "<div class='innerSlide' style='" + styleBackgrdImg + ";background-repeat: no-repeat;'></div>\n"
	}
	slide +="</div>\n";

	$('#affichage').append(slide);
}

// function setupDiap(directory)
// initialisation du diaporama
// directory : repertoire des images
function setupDiap(directory) {
	totalImage = menuSite[directory].nbImgDiap;
	$('#controles').css("visibility", ((totalImage>1)?"visible":"hidden"));
	
	if(totalImage==0) return;
	
	imageArray = new Array();
	
	var innerSlides = $(".innerSlide","#" + directory + "Slide");
	var addInnerSlides = "";
	if(innerSlides.length < 2)
		for(i=1;i<totalImage;i++) {
			var styleBackgrdImg = "background-image:url(\"img/" + directory + "/" + (i+1) + ".jpg\")";
			addInnerSlides += "<div class='innerSlide diap' " + "style='" + styleBackgrdImg + ";background-repeat:no-repeat;display:none'></div>\n"
		}
	$("#" + directory + "Slide").append(addInnerSlides);
	flagAutoPlay = false;
	$('#_auto').css("backgroundImage", "url('img/btn/_auto.gif')");
	$("#" + idClicked + "Slide").cycle({ 
		fx:     'fade', 
		speed:  'normal', 
		timeout: 0, 
		next:   '#_next', 
		prev:   '#_prev' 
	});
}


// function autoPlay()
// gestion du diaporama automatique
function autoPlay(){
	if (!flagAutoPlay) {
		flagAutoPlay = true;
		$('#_auto').css("backgroundImage", "url('img/btn/_stop.gif')");
		$("#" + idClicked + "Slide").cycle();
	} else {
		stopDiap();
	}
}

// function stopDiap(stopDiap)
// arrêt du diaporama
function stopDiap() {
	if (flagAutoPlay) {
		flagAutoPlay = false;
		$('#_auto').css("backgroundImage", "url('img/btn/_auto.gif')");
		$("#" + idClicked + "Slide").cycle('stop');
		$("#" + idClicked + "Slide").cycle({ 
			fx:     'fade', 
			speed:  'normal', 
			timeout: 0, 
			next:   '#_next', 
			prev:   '#_prev' 
		});
	}
}

function toggleEffect(param) {
  if (param==1) {
	if ( !effectDoneMenuBas ) {
		animateEffect("#menu_bas","80px");effectDoneMenuBas = true;
	}
	else {
		animateEffect("#menu_haut","0px");effectDoneMenuHaut = false;
		animateEffect("#menu_mode","0px");effectDoneMenuMode = false;
		animateEffect("#menu_bas","0px");effectDoneMenuBas = false;		
	}
  }
  if (param==2) {
	if ( !effectDoneMenuHaut ) {
		animateEffect("#menu_haut","60px");
		animateEffect("#menu_mode","60px");
		animateEffect("#menu_bas","140px");
		effectDoneMenuHaut = true;}
	else {
		animateEffect("#menu_haut","0px");
		animateEffect("#menu_mode","0px");
		animateEffect("#menu_bas","80px");
		effectDoneMenuHaut = false;}  
  }
  if (param==3) {
	if ( effectDoneMenuHaut ) {
		animateEffect("#menu_haut","0px");
		animateEffect("#menu_mode","0px");
		effectDoneMenuHaut = false;
		effectDoneMenuMode = true;
	}
	else if ( !effectDoneMenuMode ) {
		animateEffect("#menu_bas","140px");
		effectDoneMenuMode = true;
	}
	else {
		animateEffect("#menu_bas","80px");
		effectDoneMenuMode = false;
	}  
  }
  if(param <0) {
	  animateEffect("#menu_haut","0px");effectDoneMenuHaut = false;
	  animateEffect("#menu_mode","0px");effectDoneMenuMode = false;  
	  if (param==-1) {
		animateEffect("#menu_bas","0px");effectDoneMenuBas = false;
	  }
	  else if (param==-2) {
		animateEffect("#menu_bas","80px"); effectDoneMenuBas = true;
	  }
  }
}

function animateEffect(idElement, animatePixels) {
  $(idElement).animate({marginTop: animatePixels}, 250);
}

function update_on_click(idClick, flagEffet) {
	idClicked = idClick;

	// effet sous menu
	if (flagEffet != 0) toggleEffect(flagEffet);
	// affichage principale
	var lastSlide = "#" + idClickedBefore + "Slide";
	var newSlide = "#" + idClick + "Slide";
	$(lastSlide).fadeTo("fast", 0, function() {
		$(lastSlide).css("display", "none");
		$(newSlide).fadeTo("fast", 1).css("display", "block");
	});

	//rollover click menu
	if(idClick != idClickedBefore) {
		$('#' + idClick).css("backgroundPosition", positions[langSite][2]);
		if (idClickedBefore != "")
			$('#' + idClickedBefore).css("backgroundPosition",  positions[langSite][0]);
		idClickedBefore = idClick;
	}
	
	$('#courrier').css("visibility",((idClick == 'contact')?"visible":"hidden"));
	setupDiap(idClick);
}


$(document).ready(function(){
	setup();
});