var timer = "";

function afficher_menu(id_parent, id_menu)
{
	var objet = document.getElementById(id_parent);
	var pos_left = objet.offsetLeft;
	var pos_top = document.getElementById('truc_vert').offsetTop;
	
	stop_timeout();
	
	//alert(pos_left);
	document.getElementById('menu_js').style.visibility = 'visible';
	document.getElementById('menu_js').style.display = '';
	document.getElementById('menu_js').style.left = pos_left + 'px';
	document.getElementById('menu_js').style.top = pos_top + 'px';
	
	var contenu = "";
	
	switch (id_menu)
	{
		case 1:
			contenu += "<a href='who_are_we.php'>Who are we ?</a>";
			contenu += "<a href='why_eduniversal.php'>Why Eduniversal ?</a>";
			contenu += "<a href='methodology.php'>Methodology</a>";
		break;
		case 2:
			contenu += "<a href='http://convention.eduniversal.com/index_2011.php' target='_blank'>2011 Eduniversal Convention</a>";
			contenu += "<a href='http://convention.eduniversal.com/index_2010.php' target='_blank'>2010 Eduniversal Convention</a>";
			contenu += "<a href='http://convention.eduniversal.com/oldsite2/ac.php' target='_blank'>2009 Eduniversal Convention</a>";
			contenu += "<a href='http://convention.eduniversal.com/oldsite/' target='_blank'>2008 Eduniversal Convention</a>";
		break;
		case 3:
			contenu += "<a href='why_you_must_attend.php'>Why attend the 5th EWC ?</a>";
			contenu += "<a href='how_to_make.php'>How can you benefit from the 5th EWC ?</a>";
			contenu += "<a href='first_time_attendees.php'>First-time Attendees</a>";
			contenu += "<a href='whats_new.php'>What is new in the 5th EWC ?</a>";
			contenu += "<a href='participants_and_partners.php'>Participants and Partners</a>";
			contenu += "<a href='programme.php'>Program</a>";
			contenu += "<a href='convention_schedule.php'>Convention Schedule</a>";
			contenu += "<a href='hosting_institution.php'>Hosting Institution</a>";
			contenu += "<a href='exhibition_opportunities.php'>Exhibition Opportunities</a>";
			contenu += "<a href='informal_networking_day.php'>Informal Networking Day</a>";
			contenu += "<a href='school_visits.php'>School Visits in Lima</a>";
		break;
		case 4:
			contenu += "<a href='register_now.php'>Register Now</a>";
			contenu += "<a href='how_to_register.php'>How to register ?</a>";
		break;
		case 5:
			contenu += "<a href='convention_venue.php'>Convention Venue</a>";
			contenu += "<a href='hotel_reservation.php'>Hotel Reservation</a>";
			contenu += "<a href='flight_promotions.php'>Flight Promotions</a>";
			contenu += "<a href='travel_and_transportation.php'>Travel & Transportation</a>";
			contenu += "<a href='need_a_visa.php'>Need a Visa ?</a>";
			contenu += "<a href='payment_methods.php'>Payment Methods</a>";
			contenu += "<a href='questions_and_answers.php'>Q&A</a>";
		break;
		case 6:
			contenu += "<a href='press_room.php'>Press Room</a>";
		break;
		case 7:
			contenu += "<a href='contact.php'>Contact</a>";
		break;
	
	
	}
	
	document.getElementById('menu_js').innerHTML = contenu;
}

function cacher_menu()
{
	document.getElementById('menu_js').style.visibility = 'hidden';
	document.getElementById('menu_js').style.display = 'none';	
	document.getElementById('menu_js').innerHTML = "";
}

function cache_moi(nom_div, value)
{
	if (value == false)
	{
		document.getElementById(nom_div).style.visibility = 'hidden';
		document.getElementById(nom_div).style.display = 'none';
	}
	else
	{
		document.getElementById(nom_div).style.visibility = 'visible';
		document.getElementById(nom_div).style.display = '';
	}
}


function timeout()
{
	timer = setTimeout('cacher_menu()', 1000);
}

function stop_timeout()
{
	clearTimeout(timer);
}

function ab(parent, champ, event)
{
	if (!document.getElementById('info_bulle'))
	{
		contenu  = "<span><strong>Ajout / <a href=\'#\' onClick=\'mb();return false;\'><img src=\'img/suppr.gif\' border=\'0\' /></a></strong></span><br />";
		contenu += "<input type='radio' id='m' name='type' value='m' onclick=\"afficher('modules');document.getElementById('val_1').value='';\" /> Modules ";
		contenu += "<input type='radio' id='o' name='type' value='o' onclick=\"afficher('objets');document.getElementById('val_1').value='';\" /> Objets<hr size='1' />";
		contenu += "ID : <input type='text' size='2' id='val_1' name='val_1' style='font-size:9px;' disabled />&nbsp;&nbsp;&nbsp;";
		contenu += "Qté/Lvl : <input type='text' size='2' id='val_2' name='val_2' style='font-size:9px;' /><br />";
		contenu += "<hr size='1' /><div id='inbulle' class='inbulle' width='300' height='100'>&nbsp;</div>";
		contenu += "<input type='button' value='Valider' onClick=\"passer_valeur('" + champ + "');mb();\" />";
		
		var bulle;
		bulle = document.createElement("div");
		bulle.id = 'info_bulle'
		bulle.setAttribute('id','info_bulle');
		bulle.setAttribute('class','info_bulle'); // je vais fixer la classe, ca fera un paramètre de moins :p
		
		var pos = position_souris(event);
		posx = (pos.x - 155) + 'px';
		posy = (pos.y - 55) + 'px';
		
		bulle.setAttribute('style','display:block;left:' + posx + ';top: ' + posy + ';z-index:99999');

		bulle.innerHTML = contenu;
		
		document.getElementById(parent).appendChild(bulle);
	}
}

function ab2(contenu, parent, event)
{
	if (!document.getElementById('info_bulle'))
	{
		var bulle;
		bulle = document.createElement("div");
		bulle.id = 'info_bulle'
		bulle.setAttribute('id','info_bulle');
		bulle.setAttribute('class','info_bulle'); // je vais fixer la classe, ca fera un paramètre de moins :p
		
		var pos = position_souris(event);
		posx = (pos.x + 5) + 'px';
		posy = (pos.y - 25) + 'px';
		
		bulle.setAttribute('style','display:block;left:' + posx + ';top: ' + posy + ';z-index:99999');

		bulle.innerHTML = contenu;
		
		document.getElementById(parent).appendChild(bulle);
	}
}

function mb()
{
	var bulle = document.getElementById('info_bulle');
	document.getElementById(bulle.parentNode.id).removeChild(bulle);
}

function mb2(div)
{
	if (document.getElementById(div))
	{
		var avirer = document.getElementById(div);
		document.getElementById(avirer.parentNode.id).removeChild(avirer);
	}
}

function bb(event)
{	
	if (document.getElementById('info_bulle'))
	{
		var bulle = document.getElementById('info_bulle');
		var pos = position_souris(event);
		posx = (pos.x + 5) + "px";
		posy = (pos.y - 25) + "px";
		bulle.style.top = posy;
		bulle.style.left = posx;
	}
}

function position_souris(event)
{
	if (event == null)
		{event = window.event;}
	
	if (event.pageX || event.pageY)
	{
		posx = event.pageX;
		posy = event.pageY;
	}
	else if (event.clientX || event.clientY)
	{
		if (document.documentElement.scrollTop)
		{
			posx = event.clientX + document.documentElement.scrollLeft;
			posy = event.clientY + document.documentElement.scrollTop;
		}
		else
		{
			posx = event.clientX + document.body.scrollLeft;
			posy = event.clientY + document.body.scrollTop;
		}
    }
	return {'x': posx, 'y': posy};	
}

// ====== Detail ====================================================
// Diaporama JS par docthib
//
// ====== Todo ======================================================
// -> Essayer de proposer une liste dynamique (PHP, BDD, FSO)
// -> Uniformiser au maximum pour optimiser le code (id cadre_image etc...)
// 
// ====== Version ===================================================
// 1.0 - Version 1 du diaporama JavaScript
//
// ====== Description ===============================================
// A partir d'une liste d'image, on affiche un diaporama utilisant l'opacité
// pour passer d'une image à l'autre
//
// ==================================================================

function diapo_init(year)
{
	tab_image = new Array();
	if (year == '2010')
	{
		tab_image[0] = 'img/2010-1.jpg';
		tab_image[1] = 'img/2010-2.jpg';
		tab_image[2] = 'img/2010-3.jpg';
		tab_image[3] = 'img/2010-4.jpg';
		tab_image[4] = 'img/2010-5.jpg';
		tab_image[5] = 'img/2010-6.jpg';
		tab_image[6] = 'img/2010-7.jpg';
		tab_image[7] = 'img/2010-8.jpg';
		tab_image[8] = 'img/2010-9.jpg';
		tab_image[9] = 'img/2010-10.jpg';
		tab_image[10] = 'img/2010-11.jpg';
		/*
		tab_image[11] = 'img/pic12.jpg';
		tab_image[12] = 'img/pic13.jpg';
		tab_image[13] = 'img/pic14.jpg';
		tab_image[14] = 'img/pic15.jpg';
		tab_image[15] = 'img/pic16.jpg';
		*/
	}
	else if (year == '2011')
	{
		tab_image[0] = 'img/2011-1.jpg';
		tab_image[1] = 'img/2011-2.jpg';
		tab_image[2] = 'img/2011-3.jpg';
		tab_image[3] = 'img/2011-4.jpg';
		tab_image[4] = 'img/2011-5.jpg';
		tab_image[5] = 'img/2011-6.jpg';
		tab_image[6] = 'img/2011-7.jpg';
		tab_image[7] = 'img/2011-8.jpg';
		tab_image[8] = 'img/2011-9.jpg';
		tab_image[9] = 'img/2011-10.jpg';
		tab_image[10] = 'img/2011-11.jpg';
		tab_image[11] = 'img/2011-12.jpg';
	}


	nb_images = tab_image.length;
	i = Math.floor(Math.random()*nb_images);
	duree_affichage = 4000;
	duree_disparition = 500;
	duree_creation = 500;
	etape = 1;
	cadre = document.getElementById('cadre_image');
	premier_affichage();	
}

function premier_affichage()
{
	if (nb_images != 0)
	{	
		cadre.src = tab_image[i];
		i++;
		setTimeout('diapo_affich()', duree_affichage);
	}
}

function diapo_affich()
{	
	if (nb_images != 0)
	{
		if (i > nb_images - 1)
		{
			i = 0;
		}
		
		switch(etape)
		{
			case 1:
				fondu_down(100);
				
			break;
			case 2:
				var action = precharger_image();
				action.onload = function() 
				{
					cadre.src = tab_image[i];
					etape = 3;
					diapo_affich();
				};
			break;
			case 3:
				fondu_up(0);
			break;
			case 4:
				i++;
				setTimeout('diapo_affich()', duree_affichage);
				etape = 1;
			break;
		}
	}
}

function precharger_image()
{
	var img = new Image();
	
	img.src = tab_image[i];	
	return img;
}

function fondu_down(valeur)
{
	if (valeur == 0)
	{
		etape = 2;
		diapo_affich();
		return;
	}
	else
	{
		valeur -= 10;
		setTimeout('fondu_down(' + valeur + ')', duree_creation/10);
	}
	
	var object = document.getElementById('cadre_image').style;
    
	object.opacity = (valeur / 100);
    object.MozOpacity = (valeur / 100);
    object.KhtmlOpacity = (valeur / 100);
    object.filter = "alpha(opacity=" + valeur + ")";
}

function fondu_up(valeur)
{
	if (valeur == 100)
	{
		etape = 4;
		diapo_affich();
		return;
	}
	else
	{
		valeur += 10;
		setTimeout('fondu_up(' + valeur + ')', duree_disparition/10);
	}
	
	var object = document.getElementById('cadre_image').style;
    
	object.opacity = (valeur / 100);
    object.MozOpacity = (valeur / 100);
    object.KhtmlOpacity = (valeur / 100);
    object.filter = "alpha(opacity=" + valeur + ")";
}