var yLevel0 = 25;
var yLevel1 = 15;
var xLevel0 = 25;
var xLevel1 = 50;


function viewDefault() {
	for (var i=0; i<menu[0].length; i++) {
		var menuId = "menu0." + i;
		getStyle(menu[0][i].id).top = 180 + i*yLevel0;
		getStyle(menu[0][i].id).visibility = VISIBLE;
	}
}

function createMenu() {	
	var menuCount = 0;

	globalMenu = createMenuContainer();
	
	mcoMenu = createMenuContainer();
	mcoMenu.addMenuItem("La série", "", "", "/Cites/Serie.php", "");
	mcoMenu.addMenuItem("Les personnages", "", "", "/Cites/Personnages.php", "");
	mcoMenu.addMenuItem("La production", "", "", "/Cites/Technique.php", "");
	
	assoMenu = createMenuContainer();
	assoMenu.addMenuItem("C'est quoi ?", "", "", "/Association/Asso.php", "");
	assoMenu.addMenuItem("C'est qui ?", "", "", "/Association/Equipe.php", "");
	assoMenu.addMenuItem("C'est combien ?", "", "", "/Association/Adhesion.php", "");
	
	magMenu = createMenuContainer();
	magMenu.addMenuItem("Déjà paru", "", "", "/Magazine/Anciens.php", "");
	magMenu.addMenuItem("En cours", "", "", "/Magazine/Numero8.php", "");
	magMenu.addMenuItem("A suivre", "", "", "/Magazine/Projet.php", "");
	
	rencontrerMenu = createMenuContainer();
	rencontrerMenu.addMenuItem("On y était", "", "", "/Rencontres/Passe.php", "");
	rencontrerMenu.addMenuItem("On y sera", "", "", "/Rencontres/Avenir.php", "");
	
	projetsMenu = createMenuContainer();
	projetsMenu.addMenuItem("Voyages", "", "", "/Projets/Voyages.php", "");
	projetsMenu.addMenuItem("", "", "", "/Projets/Sorties.php", "");
	//projetsMenu.addMenuItem("Productions", "", "", "/Projets/Productions.php", "");
	
	fanMenu = createMenuContainer();
	fanMenu.addMenuItem("Graphisme", "", "", "/FanArt/Dessins.php", "");
	fanMenu.addMenuItem("Utilitaires", "", "", "/FanArt/Download.php", "");
	
	actusMenu = createMenuContainer();
	actusMenu.addMenuItem("Sur le site", "", "", "/Actus/Site.php", "");
	actusMenu.addMenuItem("Sur la série", "", "", "/Actus/Serie.php", "");
	
	//liensMenu = createMenuContainer();
	//liensMenu.addMenuItem("Nos liens", "", "", "/Liens/Liens.php", "");
	//liensMenu.addMenuItem("Pour nous linker", "", "", "/Liens/ToLink.php", "");
	
	globalMenu.addMenuItem("Les Cités d'Or", "Menu-mco", "", "", mcoMenu);
	globalMenu.addMenuItem("L'association", "Menu-asso", "", "", assoMenu);
	globalMenu.addMenuItem("Actus", "Menu-actus", "", "", actusMenu);
	globalMenu.addMenuItem("Magazines", "Menu-mag", "", "", magMenu);
	globalMenu.addMenuItem("Nous rencontrer", "Menu-rencontres", "", "", rencontrerMenu);
	globalMenu.addMenuItem("Projets", "Menu-projets", "", "", projetsMenu);
	globalMenu.addMenuItem("Fanart", "Menu-fan", "", "", fanMenu);
	globalMenu.addMenuItem("Forum", "Menu-forum", "", "http://forum.enfants-du-soleil.org/", "");
	globalMenu.addMenuItem("Liens", "Menu-liens", "", "/Liens/Liens.php", "");
	//globalMenu.addMenuItem("Contact", "Menu-contact", "", "mailto:contact@enfants-du-soleil.org/", "");
}

function prepareMedaillon() {
	getStyle("MedaillonSoleilSelect").left = getStyle("MedaillonSoleil").left;
	getStyle("MedaillonLuneSelect").left = getStyle("MedaillonLune").left;
	getStyle("MedaillonSoleilSelect").visibility = VISIBLE;
	getStyle("MedaillonLuneSelect").visibility = VISIBLE;
	getStyle("MedaillonSoleil").visibility = HIDDEN;
	getStyle("MedaillonLune").visibility = HIDDEN;
	currentSize = 7;
}

function prepareFleche() {
	getStyle("MedaillonSoleilSelect").left = getStyle("MedaillonSoleil").left;
	getStyle("MedaillonLuneSelect").left = getStyle("MedaillonLune").left;
	getStyle("MedaillonSoleilSelect").visibility = VISIBLE;
	getStyle("MedaillonLuneSelect").visibility = VISIBLE;
	getStyle("MedaillonSoleil").visibility = HIDDEN;
	getStyle("MedaillonLune").visibility = HIDDEN;
	currentSize = 7;
}

function clickMedaillon(itemPos) {
	if (intervalId != undefined) {
		clearInterval(intervalId);
	}
	
	prepareMedaillon();
	
	if (currentItem != undefined) {
		getStyle("s"+menu[0][currentItem].id).visibility = HIDDEN;
		getStyle(menu[0][currentItem].id).visibility = VISIBLE;
		getStyle(menu[0][currentItem].id).clip = "rect(auto auto auto auto)";
		collapseMenu(menu[0], currentItem);
		moveMenu(menu[0], currentItem+1, parseInt(getStyle(menu[0][currentItem].id).top) + eval("yLevel"+menu[0].level));
	}
	currentItem = itemPos;
	
	newPos = expandMenu(menu[0], itemPos);
	moveMenu(menu[0], itemPos+1, newPos);

	getStyle("s"+menu[0][currentItem].id).top = getStyle(menu[0][itemPos].id).top;
	getStyle("s"+menu[0][currentItem].id).clip= "rect(auto "+ (currentSize - 15) +"px auto auto)";
	getStyle("s"+menu[0][currentItem].id).visibility = VISIBLE;

	getStyle("MedaillonSoleilSelect").top = getStyle("s"+menu[0][currentItem].id).top;
	getStyle("MedaillonLuneSelect").top = getStyle("s"+menu[0][currentItem].id).top;
	currentMaxSize = 160;

	intervalId = setInterval(revealMenu, 10);

}

function openMedaillon(itemPos) {
	prepareMedaillon();
	newPos = expandMenu(menu[0], itemPos);
	moveMenu(menu[0], itemPos+1, newPos);
	currentItem = itemPos;
	currentMaxSize = 160;
	currentSize = 170;
	getStyle("s"+menu[0][currentItem].id).top = getStyle(menu[0][itemPos].id).top;
	getStyle("s"+menu[0][currentItem].id).visibility = VISIBLE;
	getStyle("MedaillonSoleilSelect").top = getStyle("s"+menu[0][currentItem].id).top;
	getStyle("MedaillonLuneSelect").top = getStyle("s"+menu[0][currentItem].id).top;
	revealMenu();
}

function revealMenu() {
	if (currentSize > currentMaxSize) {
		clearInterval(intervalId);
		if (menu[0][currentItem].target != "") {
			//document.URL=menu[0][currentItem].target;
			document.location.href=menu[0][currentItem].target;
		}
	}
	currentSize += 5;
	getStyle("s"+menu[0][currentItem].id).clip = "rect(auto "+ (currentSize - 15) +"px auto auto)";
	getStyle(menu[0][currentItem].id).clip = "rect(auto auto auto "+ (currentSize - 15) +"px)";
	getStyle("MedaillonSoleilSelect").left = currentSize;
}

function viewMedaillon(menuPos, itemPos) {
	if (!(currentItem == itemPos && menuPos == 0)) {
		getStyle("MedaillonLune").visibility = VISIBLE;
		getStyle("MedaillonSoleil").visibility = VISIBLE;
		var currentTop = parseInt(getStyle(menu[menuPos][itemPos].id).top);
		var currentLeft = parseInt(getStyle(menu[menuPos][itemPos].id).left);
		if (isNaN(currentLeft)) {
			currentLeft = eval("yLevel"+menu[menuPos].level);
		}
		getStyle("MedaillonLune").top = currentTop;
		getStyle("MedaillonSoleil").top = currentTop;
		getStyle("MedaillonLune").left = currentLeft - 24;
		getStyle("MedaillonSoleil").left = currentLeft - 22;
	}
}

function viewFleche(menuPos, itemPos) {
	if (!(currentItem == itemPos && menuPos == 0)) {
		getStyle("Fleche").visibility = VISIBLE;
		var currentTop = parseInt(getStyle(menu[menuPos][itemPos].id).top);
		var currentLeft = parseInt(getStyle(menu[menuPos][itemPos].id).left);
		if (isNaN(currentLeft)) {
			currentLeft = eval("yLevel"+menu[menuPos].level);
		}
		getStyle("Fleche").top = currentTop-3;
		getStyle("Fleche").left = currentLeft - 24;
	}
}

function hideMedaillon() {
	getStyle("MedaillonLune").visibility = HIDDEN;
	getStyle("MedaillonSoleil").visibility = HIDDEN;
}	

function hideFleche() {
	getStyle("Fleche").visibility = HIDDEN;
}	

function writeMenuLevel0(pos) {

	for (var i=0; i<menu[pos].length; i++) {
		menuId = "menu" + pos + "." + i;
		selectedMenuId = "smenu" + pos + "." + i;
		
		str = '<div id="'+ menuId +'" class="classMenu0">';
		str += '<a class="menuLink" href="javascript:clickMedaillon(' + i + ')" onmouseout="hideMedaillon()" onmouseover="viewMedaillon(' + pos + ',' + i + ')">'
		if (menu[pos][i].image == "") {
			str += menu[pos][i].text;
		} else {
			str += '<img src="'+'/Images/Menu/' + menu[pos][i].image + '-normal.gif" name="Image' + menuId + '" border="0">';
		}
		str += '</a>';
		str += '</div>';
		str2 = '<div id="'+ selectedMenuId +'" class="classMenu0Select">';
		if (menu[pos][i].image == "") {
			str2 += menu[pos][i].text;
		} else {
			str2 += '<img src="'+'/Images/Menu/' + menu[pos][i].image + '-click.gif" name="/Images' + menuId + '" border="0">';
		}
		str2 += '</div>';
		
		document.write(str);
		document.write(str2);

		if (menu[pos][i].follower != "") {
			for (var j=0; j<menu.length; j++) {
				if (menu[j] == menu[pos][i].follower) {
					writeMenu(j, 1);
					break;
				}
			}
		}
	}
}


function writeMenuLevel1(pos) {
	for (var i=0; i<menu[pos].length; i++) {
		menuId = "menu" + pos + "." + i;
		selectedMenuId = "smenu" + pos + "." + i;
		
		str = '<div id="'+ menuId +'" class="classMenu1">';
		str += '<a class="menuLink" href="' + menu[pos][i].target + '" onmouseout="hideFleche()" onmouseover="viewFleche(' + pos + ',' + i + ')">'
		if (menu[pos][i].image == "") {
			str += menu[pos][i].text;
		} else {
			str += '<img src="/'+'Images/' + menu[pos][i].image + '-normal.gif" name="Image' + menuId + '" border="0">';
		}
		str += '</a>';
		str += '</div>';
		str2 = '<div id="'+ selectedMenuId +'" class="classMenu0Select">';
		if (menu[pos][i].image == "") {
			str2 += menu[pos][i].text;
		} else {
			str2 += '<img src="/'+'Images/' + menu[pos][i].image + '-click.gif" name="/Images' + menuId + '" border="0">';
		}
		str2 += '</div>';
		

		document.write(str);
		document.write(str2);

		if (menu[pos][i].follower != "") {
			for (var j=0; j<menu.length; j++) {
				if (menu[j] == menu[pos][i].follower) {
					writeMenu(j, 1);
					break;
				}
			}
		}
	}
}

function init() {
	createMenu();
	writeMenu();
	viewDefault();
}