/************************************************
* WEBRING par Grand Mouton / Cryborg            *
* Utilisation de Jquery	1.7	                    *
************************************************/

jQuery(document).ready(function()
{
	// Gestion de la langue d'affichage
	if (typeof langue != "undefined")
	{
		if (langue == 'fr')
			Nlangue = 1;
		else
			Nlangue = 2;
	} else {
		Nlangue = 1;
	}
	
	if (typeof decalage == "undefined")
		decalage 	= "30px";
	if (typeof etendue == "undefined")
		etendue 	= "800px";
		
	// URL du webring
	url_webring		= "http://webring.speedbots.fr/";
	
	// Bouton "A propos"
	var apropos		= new Array();
	apropos[1] 		= "A propos";
	apropos[2] 		= "About";
	
	// Texte lié au bouton "A propos"
	var aproposT	= new Array();
	aproposT[1] 	= 'IndependentGames est un webring vou&eacute; &agrave; rassembler les meilleurs jeux par navigateur cr&eacute;&eacute;s par des amateurs. Osez d&eacute;couvrir de nouveaux jeux, de nouvelles exp&eacute;riences ! <br/><br/><a href="'+url_webring+'" target="_blank"><img src="'+url_webring+'barre/images/go.png"> En savoir plus</a><br><br><a href="http://www.facebook.com/pages/IndeGames/268559583201078" target="_blank"><img src="'+url_webring+'images/facebook.png"></a>';
	aproposT[2] 	= 'IndependentGames is a webring gathering browser games created by amateurs. Check out these projects now! <br/><br/><a href="'+url_webring+'" target="_blank"><img src="'+url_webring+'barre/images/go.png"> Learn more</a>';
	
	// Bouton "Plus de jeux"
	var plusjeux	= new Array();
	plusjeux[1] 	= "Plus de jeux !";
	plusjeux[2] 	= "More games!";
	
	// Texte du bouton "Plus de jeux" : initialisation ci-dessous
	
	
	/**********************************
	Liste des sites
	**********************************/
	var liste_sites_nom 	= new Array();
	liste_sites_nom[1] 		= "SpeedBots";
	liste_sites_nom[2] 		= "Stargate Solaris";
	liste_sites_nom[3] 		= "Eternia Dimension";
	liste_sites_nom[4] 		= "Terre de Feu";
	liste_sites_nom[5] 		= "Fourmicosme";
	liste_sites_nom[6] 		= "Cellul'z";
	
	var liste_sites_adresse = new Array();
	liste_sites_adresse[1] 	= "http://www.speedbots.fr";
	liste_sites_adresse[2] 	= "http://www.stargate-solaris.com";
	liste_sites_adresse[3] 	= "http://www.eternia-dimension.com";
	liste_sites_adresse[4] 	= "http://www.terredefeu.fr";
	liste_sites_adresse[5] 	= "http://www.fourmicosme.fr/";
	liste_sites_adresse[6] 	= "http://www.cellulz.com/";
	
	var liste_sites_image 	= new Array();
	liste_sites_image[1]	= "partenaires/sb.png";
	liste_sites_image[2] 	= "partenaires/sgs.png";
	liste_sites_image[3] 	= "partenaires/eternia.png";
	liste_sites_image[4] 	= "partenaires/tdf.png";
	liste_sites_image[5] 	= "partenaires/fourmicosme.png";
	liste_sites_image[6] 	= "partenaires/cellulz.png";



	
	/***************************************************************
	Mélange les sites afin d'avoir un placement aléatoire des jeux
	***************************************************************/
	// Tableau provisoire
	// var aTmp = array();
	
	// while (var i = 0; i < liste_sites_nom.length; i++) {
		// aTmp[] = i;
	// }
	
	
	
	/**********************************
	Architecture
	**********************************/
	
	
	
	// Affichage du bandeau
	var logoIndeGames 		= '<div id="webringBarre"><a href="'+url_webring+'" id="indeGames" target="_blank"></a>';
	var boutonPlusDeJeux 	= '<div id="webringJeux">'+plusjeux[Nlangue]+'</div>';
	var boutonAPropos 		= '<div id="webringInfo">'+apropos[Nlangue]+'</div>';
	var texteDesJeux 		= '<div id="listeJeux"></div>';
	var texteAPropos 		= '<div id="listeApropos"><div id="cachemisereListeApropos"></div>';
	
	jQuery("#webringOganisation").html('<div id="webringCentre">' + logoIndeGames + boutonPlusDeJeux + boutonAPropos + '</div>'
		+ texteDesJeux + texteAPropos + '<p>'+aproposT[Nlangue]+'</p></div></div>');
	
	jQuery("body").css({ marginTop: decalage });
	jQuery("#webringCentre").css({ width: etendue });
	// Fin affichage du bandeau
	
	// Bind du onClick sur le bouton "Plus de jeux"
	jQuery("#webringJeux").mouseenter( function() { 
		jQuery("#listeJeux").show();
		
		if(jQuery("#listeApropos").css("display") == "block") {
			jQuery("#listeApropos").toggle();
		}
	});
	
	// Bind du onClick sur le bouton "Plus de jeux"
	jQuery("#listeJeux").mouseleave( function() { 
		jQuery("#listeJeux").hide();
		
		if(jQuery("#listeApropos").css("display") == "block")
			jQuery("#listeApropos").toggle();
	});
	
	
	// // Bind du onClick sur le bouton "A propos"
	jQuery("#webringInfo").mouseenter( function() { 
		jQuery("#listeApropos").show();
		
		if (jQuery("#listeJeux").css("display") == "block") {
			jQuery("#listeJeux").toggle();
		}
	});
	
	// // Bind du onClick sur le bouton "A propos"
	jQuery("#listeApropos").mouseleave( function() { 
		jQuery("#listeApropos").hide();
		
		if (jQuery("#listeJeux").css("display") == "block") {
			jQuery("#listeJeux").toggle();
		}
	});
	
	// Liste des sites
	affichageSite = '<div id="cachemisereListeJeux"></div>';
	
	// Boucler parmi la liste des sites
	for(i = 1 ; i < liste_sites_nom.length ; i++) { 
		affichageSite += '<a class="listeSites" href="'+liste_sites_adresse[i]+'" target="_blank"><img src="'+url_webring+'barre/'+liste_sites_image[i]+'" alt="'+liste_sites_nom[i]+'" /><br/>'+liste_sites_nom[i]+'</a>';
		
		// N'afficher que deux boutons par ligne
		if (i / 2 == Math.round(i / 2)) {
			affichageSite += '<div style="clear: both;"></div>';
		}
	}
	
	// La liste déroulante des jeux est prête
	jQuery("#listeJeux").html(affichageSite);
});