$(document).ready(function(){
	topic_tag = false;
	parseTopicTag();
	if(topic_tag){
		var regex = new RegExp('(post[0-9]+\.html|-t[0-9]+\.html)'); 
		if (!regex.test(document.location.pathname)){
			//on vera plus tard
		}
	}
	if($('#topic_tag').length){
		$('#topic_tag').before('<div id="topic_tag_select"></div>');
		$('#topic_tag').after('<div id="prev_topic_tag">Aperçu : <span class="topic_tag"></span></div>');
		modifTopicTag();
	}
	menu();
});
$(window).load(function(){
	adaptImage();
	adaptSign();
	if (document.location.pathname == '/forum/listes-farms'){
		prepare_liste();
	}
});
function adaptSign(){
	$('.signature').each(function(){
		if($(this).height() > 220){
			$(this).html('<div class="spoilwrapper"><div class="spoiltitle"><input class="btnspoil button2" type="button" onfocus="this.blur();" onclick="spoil(this);" value="Afficher"/></div><div class="spoilcontent"><div style="display: none;"> ' + $(this).html() + '</div></div></div>');
		}
	});
}
function parseTopicTag(){
	$('body').find('.topic_tag').each(function(index){
		var tab = $(this).text();
		tab = tab.split(';');
		var i;
		var temp = '';
		
		if(!(tab.length == 1 && tab[0] == ' ')){
			for(i=0; i< tab.length; i++){
				temp = temp + '<span style="color: #' +tags[tab[i]][1]+'">' + tags[tab[i]][0] + '</span>';
			}
			$(this).html(temp);
			topic_tag = true;
		}
	});
}
function adaptImage(){
	$('.content > img').each(function(){
		var taille = $(this).parent('.content').width();
	    var taille2 = $(this).width();
	    if (taille2 > taille){
	    	var ratio = $(this).width()/$(this).height();
	    	$(this).width(taille);
	    	$(this).height(taille/ratio);
			var temp = $(this).prev();
			var tempImage = $(this);
			$(this).remove();
			$(temp).after('<div><span style="background-color: yellow;">L\'image a été réduite pour correspondre à votre écran</span><div></div></div>');
			$(temp).next().children('div').html($(tempImage));
			$(temp).next().children('span').width(taille);
	    }
	});
}

function modifTopicTag(){
	$('#prev_topic_tag').children('.topic_tag').html($('#topic_tag').val());
	var app = $('#prev_topic_tag').children('.topic_tag');
	var tab = $(app).text();
	var select = new Array('---');
	if(tab != ''){
		tab = tab.split(';');
	}	
	var i;
	var j;
	var temp = '';
	for(i=0; i < tab.length; i++){
		temp = temp + '<span style="color: #' +tags[tab[i]][1]+'">' + tags[tab[i]][0] + '</span>';
    }
	if(temp != ''){
		temp = temp + ' <span style="cursor: pointer;" onclick="supprLastTag();">Supprimer le dernier Tag</span>';
	}else{
		temp = temp + ' Aucun tag sélectionné.';
	}
	$(app).html(temp);
	if(tab != ''){
		tab = tab[tab.length-1];
	}
	for(i in tags){
		temp = tags[i][2];
		temp = temp.split(";");
		for(j=0; j < temp.length; j++){
			if(temp[j] == tab){
				select[select.length] = i;
			}
		}
	}
	if(select.length == 1){
		$('#topic_tag_select').html('Il n\'y a pas de tag supplémentaire à mettre');
	}else{
		temp = '<select name="select_topic_tag" onchange="addTag($(this).val());">';
		for(i=0; i < select.length; i++){
			if(select[i] == '---'){
				temp = temp + '<option value="' + select[i] + '">' + select[i] + '</option>';
			}else{
				temp = temp + '<option value="' + select[i] + '" style="color: #'+tags[select[i]][1]+'">' + tags[select[i]][0] + '</option>';
			}
		}
		temp = temp + '</select>';
		$('#topic_tag_select').html(temp);
	}
};

function addTag(val){
	if($('#topic_tag').val() != ''){
		val = ';'+val;
	}
	$('#topic_tag').val($('#topic_tag').val()+val);
	modifTopicTag();
}

function supprLastTag(){
	var tab = $('#topic_tag').val();
	if(tab.length > 1){
		tab = tab.substring(0,tab.lastIndexOf(';'));
	}else{
		tab = '';
	}
	$('#topic_tag').val(tab);
	modifTopicTag();
}

function spoil(div){
	$(div).parent().next().children().toggle();
	if ($(div).val() != 'Afficher') { 
		$(div).val('Afficher');
	} else { 
		$(div).val('Cacher');
	}
}

	
function prepare_liste(){
	var temp = '<select id="auteurs" multiple size="15"><option value="*" selected>Indifférent</option>';
	for(i in auteur){
		temp = temp + '<option value="' + i + '" style="color: #' + auteur[i][1] + ';">' + auteur[i][0] + '&nbsp;(' + auteur[i][2] + ')</option>'; 
	}
	temp = temp + '</select>';
	var content = '<center> <table> <tr> <th> Profession possédée : </th> <th> Campagne : </th> <th> Cible : </th> <th> Recherche par auteur : </th> <th> Options : </th> </tr> <tr> <td> &nbsp;<select id="profession" multiple size="13"> <option value="*" selected>Indifférent</option> <option style="color: rgb(170, 0, 136);" value="3">[Assassin]</option> <option style="color: rgb(119, 119, 204);" value="4">[Derviche]</option> <option style="color: rgb(187, 51, 51);" value="5">[Élémentaliste]</option> <option style="color: rgb(136, 0, 170);" value="6">[Envoûteur]</option> <option style="color: rgb(238, 170, 51);" value="7">[Guerrier]</option> <option style="color: rgb(68, 68, 187);" value="8">[Moine]</option> <option style="color: rgb(0, 170, 85);" value="9">[Nécromant]</option> <option style="color: rgb(153, 102, 0);" value="10">[Paragon]</option> <option style="color: rgb(85, 170, 0);" value="11">[Rôdeur]</option> <option style="color: rgb(0, 170, 170);" value="12">[Ritualiste]</option> <option style="color: rgb(169, 169, 169);" value="13">[X]</option> <option style="color: rgb(0, 255, 0);" value="14">[Team]</option> </select>&nbsp; </td> <td> &nbsp;<select multiple size="7" id="campagne"> <option value="*" selected>Indifférent</option> <option style="color: rgb(128, 0, 64);" value="15">[Eye]</option> <option style="color: rgb(255, 128, 0);" value="16">[Faction]</option> <option style="color: rgb(0, 0, 255);" value="17">[Nightfall]</option> <option style="color: rgb(255, 0, 0);" value="18">[Prophécie]</option> <option style="color: rgb(0, 255, 0);" value="19">[CORE]</option> <option style="color: rgb(0, 0, 0);" value="20">[PvP]</option> </select>&nbsp; </td> <td> &nbsp;<select multiple id="cible" size="15"> <option value="*" selected>Indiférent</option> <option style="color: rgb(170, 0, 136);" value="3">[Assassin]</option> <option style="color: rgb(119, 119, 204);" value="4">[Derviche]</option> <option style="color: rgb(187, 51, 51);" value="5">[Élémentaliste]</option> <option style="color: rgb(136, 0, 170);" value="6">[Envoûteur]</option> <option style="color: rgb(238, 170, 51);" value="7">[Guerrier]</option> <option style="color: rgb(68, 68, 187);" value="8">[Moine]</option> <option style="color: rgb(0, 170, 85);" value="9">[Nécromant]</option> <option style="color: rgb(153, 102, 0);" value="10">[Paragon]</option> <option style="color: rgb(85, 170, 0);" value="11">[Rôdeur]</option> <option style="color: rgb(0, 170, 170);" value="12">[Ritualiste]</option> <option style="color: rgb(255, 153, 50);" value="21">[Quête]</option> <option style="color: rgb(0, 0, 0);" value="22">[Mobs]</option> <option style="color: rgb(0, 0, 0);" value="23">[Points]</option> <option style="color: rgb(0, 0, 0);" value="29">[Multi-Boss]</option> </select>&nbsp; </td> <td> &nbsp;' + temp + '&nbsp; </td> <td> <table> <tr> <td> Hard : </td> <td> <label><input type="radio" name="hard" value="2" checked />Les deux</label>&nbsp; <label><input type="radio" name="hard" value="1" />Oui</label>&nbsp; <label><input type="radio" name="hard" value="0" />Non</label> </td> </tr> <tr> <td> Inclure les builds Divers : </td> <td> <input type="checkbox" id="divers" /> </td> </tr> <tr> <td> Inclure les builds Nerfés : </td> <td> <input type="checkbox" id="nerf" /> </td> </tr> </table> </td> </tr> </table> <input value="Montrer les builds" type="button" onclick="filtreListe()" />&nbsp; <input value="Montrer TOUS les builds" type="button" onclick="afficheInListe(topics)" /> </center>';
	//var content = '<center><table><tr><td>Hard : <input type="checkbox" id="hard"><br />Builds Divers : <input type="checkbox" id="divers"><br />Builds Nerfés : <input type="checkbox" id="nerf"></td><td>Profession possédée : <br />&nbsp;<select id="profession" multiple><option value="*" selected>Indifférent</option><option style="color: rgb(170, 0, 136);" value="3">[Assassin]</option><option style="color: rgb(119, 119, 204);" value="4">[Derviche]</option><option style="color: rgb(187, 51, 51);" value="5">[Élémentaliste]</option><option style="color: rgb(136, 0, 170);" value="6">[Envoûteur]</option><option style="color: rgb(238, 170, 51);" value="7">[Guerrier]</option><option style="color: rgb(68, 68, 187);" value="8">[Moine]</option><option style="color: rgb(0, 170, 85);" value="9">[Nécromant]</option><option style="color: rgb(153, 102, 0);" value="10">[Paragon]</option><option style="color: rgb(85, 170, 0);" value="11">[Rôdeur]</option><option style="color: rgb(0, 170, 170);" value="12">[Ritualiste]</option><option style="color: rgb(169, 169, 169);" value="13">[X]</option><option style="color: rgb(0, 255, 0);" value="14">[Team]</option></select>&nbsp;</td><td>Campagne : <br />&nbsp;<select multiple id="campagne"><option value="*" selected>Indifférent</option><option style="color: rgb(128, 0, 64);" value="15">[Eye]</option><option style="color: rgb(255, 128, 0);" value="16">[Faction]</option><option style="color: rgb(0, 0, 255);" value="17">[Nightfall]</option><option style="color: rgb(255, 0, 0);" value="18">[Prophécie]</option><option style="color: rgb(0, 255, 0);" value="19">[CORE]</option><option style="color: rgb(0, 0, 0);" value="20">[PvP]</option></select>&nbsp;</td><td>Cible : <br />&nbsp;<select multiple id="cible"><option value="*" selected>Indiférent</option><option style="color: rgb(170, 0, 136);" value="3">[Assassin]</option><option style="color: rgb(119, 119, 204);" value="4">[Derviche]</option><option style="color: rgb(187, 51, 51);" value="5">[Élémentaliste]</option><option style="color: rgb(136, 0, 170);" value="6">[Envoûteur]</option><option style="color: rgb(238, 170, 51);" value="7">[Guerrier]</option><option style="color: rgb(68, 68, 187);" value="8">[Moine]</option><option style="color: rgb(0, 170, 85);" value="9">[Nécromant]</option><option style="color: rgb(153, 102, 0);" value="10">[Paragon]</option><option style="color: rgb(85, 170, 0);" value="11">[Rôdeur]</option><option style="color: rgb(0, 170, 170);" value="12">[Ritualiste]</option><option style="color: rgb(255, 153, 50);" value="21">[Quête]</option><option style="color: rgb(0, 0, 0);" value="22">[Mobs]</option><option style="color: rgb(0, 0, 0);" value="23">[Points]</option><option style="color: rgb(0, 0, 0);" value="29">[Multi-Boss]</option></select></td></tr></table><input value="Montrer les builds" type="button" onclick="filtreListe()" />&nbsp;<input value="Montrer TOUS les builds" type="button" onclick="afficheInListe(topics)" /></center>';
	$('#page-body').children('p').children('span').parent('p').after('<div id="liste"></div>');
	$('#liste').before('<div class="clear"></div><div class="pannel"><div class="inner"><span class="corners-top"></span><span/><div class="content">'+ content +'</div><span class="corners-bottom"><span/></span></div></div><hr />');
}

function afficheInListe(TabId){
	var temp = "";
	for(i in TabId){
		temp = temp + '<br /><span class="topic_tag">' + topics[i][1] + '</span>&nbsp;<a href="' + topics[i][2] + i + '.html">' + topics[i][0] + '</a> par <a href="membre/' + auteur[topics[i][3]][0] + '/" style="color: #' + auteur[topics[i][3]][1] + ';"><b>' + auteur[topics[i][3]][0] + '</b></a>';
	}
	$('#liste').html(temp);
	parseTopicTag()
}

function filtreListe(){
	var hard = $('input[name="hard"]:checked').val();
	var divers = false;
	if($('#divers:checked').length == 1){
		divers = true;
	}
	var nerf = false;
	if($('#nerf:checked').length == 1){
		nerf = true;
	}
	var profession = $('#profession').val();
	var campagne = $('#campagne').val();
	var cible = $('#cible').val();
	var auteurs = $('#auteurs').val();
	if(auteurs[0] == "*"){
		auteurs = new Array();
		for(i in auteur){
			auteurs[auteurs.length] = i;
		}
	}
	if(profession[0] == "*"){
		profession = new Array("3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14");
	}
	if(campagne[0] == '*'){
		campagne = new Array("15", "16", "17", "18", "19", "20");
	}
	if(cible[0] == '*'){
		cible = new Array("3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "21", "22", "23", "29");
	}
	var temp = '1';
	if(hard == 1){
		temp = temp + ';2';
	}
	var pos = new Array();
	pos[pos.length] = temp;
	for(i in profession){
		pos[pos.length] = temp + ';' + profession[i];
		if(hard == 2){
			pos[pos.length] = temp + ';2;' + profession[i];
		}
		for(j in campagne){
			pos[pos.length] = temp + ';' + profession[i] + ';' + campagne[j];
			if(hard == 2){
				pos[pos.length] = temp + ';2;' + profession[i] + ';' + campagne[j];
			}
			for(k in cible){
				pos[pos.length] = temp + ';' + profession[i] + ';' + campagne[j] + ';' + cible[k];
				if(hard == 2){
					pos[pos.length] = temp + ';2;' + profession[i] + ';' + campagne[j] + ';' + cible[k];
				}
			}
		}
	}
	var liste = new Array();
	for(i in topics){
		for(j in pos){
			if(topics[i][1] == pos[j]){
				for(k in auteurs){
					if(topics[i][3] == auteurs[k]){
						liste[i] = '';
					}
				}
			}
		}
	}
	afficheInListe(liste);
}

function menu(){
	/*********************
	//* jQuery Multi Level CSS Menu (horizontal)- By Dynamic Drive DHTML code library: http://www.dynamicdrive.com
	//* Menu instructions page: http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/
	//* Last modified: Sept 6th, 08'. Usage Terms: http://www.dynamicdrive.com/style/csslibrary/tos/
	*********************/

	//Specify full URL to down and right arrow images (25 is padding-right to add to top level LIs with drop downs):
	var arrowimages={down:['downarrowclass', 'arrow-down.gif', 25], right:['rightarrowclass', 'arrow-right.gif']}

		/*************
		'<img src="'+ (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])
		+'" class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])
		+ '" style="border:0;" />'
		*************/
	var jquerycssmenu={
		fadesettings: {overduration: 350, outduration: 100}, //duration of fade in/ out animation, in milliseconds
		buildmenu:function(menuid, arrowsvar){
			jQuery(document).ready(function($){
				var $mainmenu=$("#"+menuid+">ul")
				var $headers=$mainmenu.find("ul").parent()
				$headers.each(function(i){
					var $curobj=$(this)
					var $subul=$(this).find('ul:eq(0)')
					this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()}
					this.istopheader=$curobj.parents("ul").length==1? true : false
					$subul.css({top:this.istopheader? this._dimensions.h+"px" : 0})
					$curobj.children("a:eq(0)").css(this.istopheader? {paddingRight: arrowsvar.down[2]} : {}).append(
						'<span class="' + (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0]) + '" style="border:0;">' 
						+ (this.istopheader? '▼' : '►') 
						+ '</span>'
					)
					$curobj.hover(
						function(e){
							var $targetul=$(this).children("ul:eq(0)")
							this._offsets={left:$(this).offset().left, top:$(this).offset().top}
							var menuleft=this.istopheader? 0 : this._dimensions.w
							menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) : menuleft
							$targetul.css({left:menuleft+"px"}).fadeIn(jquerycssmenu.fadesettings.overduration)
						},
						function(e){
							$(this).children("ul:eq(0)").fadeOut(jquerycssmenu.fadesettings.outduration)
						}
					) //end hover
				}) //end $headers.each()
				$mainmenu.find("ul").css({display:'none', visibility:'visible'})
			}) //end document.ready
		}
	}
	var menu = new Array();
	menu[menu.length] = new Array('', 'Accueil');
	var builds = new Array(new Array('listes-farms', 'Listes des Farms'), new Array('assassin/', 'Assassin'), new Array('derviche/', 'Derviche'), new Array('elementaliste/', 'Élémentaliste'), new Array('envouteur/', 'Envoûteur'), new Array('moine/', 'Moine'), new Array('necromant/', 'Nécromant'), new Array('paragon/', 'Paragon'), new Array('rodeur/', 'Rôdeur'), new Array('ritualiste/', 'Ritualiste'), new Array('mini-team/', 'Mini-Team'), new Array('build-divers/', 'Build Divers'), new Array('nerf/', 'Nerfés'));
	var services = new Array(new Array('sorties-orga/', 'Sorties Organisées'), new Array('dons/', 'Dons'), new Array('compagnons/', 'Les Courageux Compagnons'), new Array('demo/', 'Démonstration'), new Array('objets-verts/', 'Les Objets Verts'));
	var campagnes = new Array(new Array('prophecie/', 'Prophécie'), new Array('factions/', 'Faction'), new Array('nightfall/', 'Nightfall'), new Array('eye-north/', 'Eye of the North'));
	var guildes = new Array(new Array('search-guilde/', 'Recherche de guilde'), new Array('guild-recrute/', 'Guilde qui recrute'), new Array('search-alliance/', 'Recherche d\'alliance'));
	var guildwars = new Array('guild-wars/', 'GuildWars', new Array(new Array('builds/', 'Les Builds', builds), new Array('services', 'Les services', services), new Array('campagnes/', 'Les campagnes', campagnes), new Array('gwgeneral/', 'Général'), new Array('vos-personnages/', 'Vos personnages'), new Array('guildes/', 'Les Guildes', guildes)));
	menu[menu.length] = guildwars;
	info = new Array(new Array('new-site/', 'News du Site'), new Array('reglement', 'Règlement'), new Array('developpement', 'Développement'), new Array('tutoriel/', 'Tutoriel'));
	menu[menu.length] = new Array('info-gene/', 'Informations Générales', info);
	bloodwars = new Array('blood-wars/', 'Blood Wars', new Array(new Array('bws-general/', 'Géneral'), new Array('bws-conseil-jeu/', 'Conseil de Jeu'), new Array('bws-vos-personnages/', 'Vos personnages')));
	var motion = new Array('motion-twin/', 'Éditeur Motion-Twin', new Array(new Array('motion-alpha/', 'AlphaBounce'), new Array('motion-cara/', 'Carapass'), new Array('motion-dinocard/', 'DinoCard'), new Array('motion-dinoparc/', 'Dinoparc'), new Array('motion-dino-rpg/', 'Dino RPG'), new Array('motion-hordes/', 'Hordes'), new Array('motion-kado/', 'Kado-Kado'), new Array('motion-naturalchimie/', 'NaturalChimie'), new Array('motion-autres/', 'Autres')));
	var NCsoft = new Array('ncsoft/', 'Éditeur NCsoft', new Array(new Array('ncs-aion/', 'Aion'), guildwars, new Array('ncs-guildwars2/', 'GuildWars2'), new Array('ncs-lineage/', 'Lineage I & II'), new Array('ncs-city-heroes/', 'City of heroes | Vilains')));
	var jeux = new Array(bloodwars, guildwars, new Array('druidik/', 'Druidik'), new Array('motion-wan/', 'Formula Wan'), new Array('irl-vous/', 'Vous'), motion, NCsoft);
	menu[menu.length] = new Array('jeux/', 'Les Jeux', jeux);
	var irl = new Array(new Array('irl-presentation/', 'Présentation'), new Array('irl-vous/', 'Vous'), new Array('irl-cult-biblio/', 'Culture Bibliographique'), new Array('irl-cult-video/', 'Culture Vidéographique'), new Array('irl-cult-music/', 'Culture Musicale'));
	menu[menu.length] = new Array('vie-reel/', 'Vie Réel', irl);
	var fan = new Array(new Array('art-graphique/', 'Graphique'), new Array('art-ecrit/', 'Écrit'));
	menu[menu.length] = new Array('fan-art/', 'Fan-Art', fan);
	
	//$('body').prepend('<div id="myjquerymenu" class="jquerycssmenu"><ul><li><a href="#">Item 1</a></li><li><a href="#">Item 2</a></li><li><a href="#">Folder 1</a><ul><li><a href="#">Sub Item 1.1</a></li><li><a href="#">Sub Item 1.2</a></li><li><a href="#">Sub Item 1.3</a></li><li><a href="#">Sub Item 1.4</a></li></ul></li><li><a href="#">Item 3</a></li><li><a href="#">Folder 2</a><ul><li><a href="#">Sub Item 2.1</a></li><li><a href="#">Folder 2.1</a><ul><li><a href="#">Sub Item 2.1.1</a></li><li><a href="#">Sub Item 2.1.2</a></li><li><a href="#">Folder 3.1.1</a><ul><li><a href="#">Sub Item 3.1.1.1</a></li><li><a href="#">Sub Item 3.1.1.2</a></li><li><a href="#">Sub Item 3.1.1.3</a></li><li><a href="#">Sub Item 3.1.1.4</a></li><li><a href="#">Sub Item 3.1.1.5</a></li></ul></li><li><a href="#">Sub Item 2.1.4</a></li></ul></li></ul></li><li><a href="#">Item 4</a></li></ul><br style="clear: left" /></div>');
	$('body').prepend('<div id="navibar" class="jquerycssmenu">' + generate_menu(menu) + '<br style="clear: left" /></div>');
	
	//build menu with ID="myjquerymenu" on page:
	jquerycssmenu.buildmenu("navibar", arrowimages)
}

function generate_menu(tab){
	var racine = 'http://www.tetz.fr/forum/';
	var i;
	var temp = '<ul>';
	for(i in tab){
		temp = temp + '<li><a href="' + racine + tab[i][0] + '">' + tab[i][1] + '</a>';
		if(tab[i].length == 3){
			temp = temp + generate_menu(tab[i][2]);
		}else{
			temp = temp + '</li>';
		}
	}
	temp = temp + '</ul>';
	return temp;
}