$(document).ready(
	function () {
		contact();
		
		$("a[href^='"+$(".url > span").text()+"']").click(function() {
			out($(".url").attr("id"));
		});
		
		deco_input();
		
		// barre
		if ($.browser.msie == false || ($.browser.msie && $.browser.version != "6.0"))
			$("body").prepend('<div id="barre2-0"><span>Jullu actualité c\'est toute l\'actualité des sites inscrits dans l\'annuaire Jullu.</span></div>');
		// barre
	}
);


/*---------- input, textarea ----------*/
function deco_input() {
	$("input[type='text'], textarea").focus(function() {
		$(this).css({background: 'url(/images/input_focus.gif) no-repeat'});
	});
	$("input[type='text'], textarea").blur(function() {
		$(this).css({background: 'url(/images/input.gif) no-repeat'});
	});
}
/*---------- input, textarea ----------*/

/*--------------- stats ---------------*/
function out(id) {
	$.post("/out.php", {
		ref: id,
		cat: "annuaire"
	},
		function(data){
			$("#out").empty();
			$("#out").append(data);
	  	}
	);
}
/*--------------- stats ---------------*/

/*--------------- msgbox --------------*/
function open_msgbox(data, detail) {
	if (detail != "noclose") {
		close_msgbox();
		var deph1 = '';
		var deph2 = '';
	}
	else {
		var deph1 = 'style="z-index: 9000"';
		var deph2 = 'style="z-index: 10000"';
	}
	
	if (data == "prochainement") {
		data = '<div style="padding: 10px; border-bottom: 1px solid #c0c0c0">';
		data += 'Très prochainement.';
		data += '</div>';
		data += '<div align="center" style="padding: 10px 0; background: #f3f3f3; border-top: 1px solid #fff"><a class="btn_big" href="#" onclick="close_msgbox(); return false;">OK</a></div>';
	}
	
	if (detail != "noclose") $("body").prepend('<div id="bgmsgbox" style="height: '+$(document).height()+'px"></div>');
	$("body").prepend('<div id="msgbox" '+deph1+'></div>');
	$("body").prepend('<div id="inmsgbox" '+deph2+'>'+data+'</div>');
	
	var pad_height = Number($("#inmsgbox > *").css("padding-top").replace("px", "")) + Number($("#inmsgbox > *").css("padding-bottom").replace("px", ""));
	
	if ($("#inmsgbox").height() + pad_height + 25 + 40 >= $(window).height()) {
		var inmsgbox_height = $(window).height() - pad_height - 40 - 25;
		var inmsgbox_content_width = $("#inmsgbox").width() + 17;
		var inmsgbox_content_height = inmsgbox_height - pad_height - 36;
		$("#inmsgbox_content").css({width: inmsgbox_content_width+"px", height: inmsgbox_content_height+"px"});
	}
	else {
		var inmsgbox_height = $("#inmsgbox").height();
	}
	
	if ($.browser.msie && $.browser.version == "6.0")
		var top_inmsgbox = $(document).scrollTop() + ($(window).height() - inmsgbox_height - 2) / 2 + 15;
	else
		var top_inmsgbox = ($(window).height() - inmsgbox_height - 2) / 2 + 15;
	
	var top_msgbox    = top_inmsgbox - 20;
	var left_inmsgbox = ($(window).width() - $("#inmsgbox").width() - 2) / 2;
	var left_msgbox   = left_inmsgbox - 5;
	var width_msgbox  = $("#inmsgbox").width() + 2 + 10;
	var height_msgbox = inmsgbox_height + 2 + 25;
	
	$("#msgbox").css({width: width_msgbox+'px', height: height_msgbox+'px', margin: top_msgbox+'px 0 0 '+left_msgbox+'px', "filter": "alpha(opacity=70)", "-moz-opacity": "0.70", "opacity": "0.70"});
	$("#inmsgbox").css({margin: top_inmsgbox+'px 0 0 '+left_inmsgbox+'px'});
	$("#bgmsgbox").css({"filter": "alpha(opacity=30)", "-moz-opacity": "0.30", "opacity": "0.30"});
	$("#bgmsgbox").fadeIn();
	$("#msgbox").fadeIn("slow");
	$("#inmsgbox").fadeIn("slow");
}

function close_msgbox(cas) {
	if (cas == "home") {
		window.location.replace("/");
	}
	else if (cas == "noclose") {
		$("#msgbox").remove();
		$("#inmsgbox").remove();
	}
	else {
		$("#bgmsgbox").remove();
		$("#msgbox").remove();
		$("#inmsgbox").remove();
	}
}
/*--------------- msgbox --------------*/

function contact() {
	$("#contact").mouseover(function() {
		$(this).css({cursor: "pointer"});
	});
	$("#contact").click(function() {
		var cdata = '<div id="inmsgbox_content" style="width: 468px; padding: 10px">';
		cdata += '<div id="fiche"><h3>Formulaire de contact</h3></div>';
		cdata += '<table align="center">';
		cdata += '<tr><td align="right">Nom, Prénom :</td><td><input type="text" name="nom" /></td></tr>';
		cdata += '<tr><td align="right">Mail :</td><td><input type="text" name="mail" /></td></tr>';
		cdata += '<tr><td align="right" valign="top">Message :</td><td><textarea style="width: 250px; height: 100px" name="message"></textarea></td></tr>';
		cdata += '<tr><td align="right" width="110"><span style="float: right; padding: 4px 0 0 3px">:</span><img style="float: right; padding: 2px 0 0 0" src="/images/antispam.gif" height="22" /></td><td><input type="text" name="antispam" /></td></tr>';
		cdata += '</table>';
		cdata += '</div>';
		cdata += '<div align="center" style="padding: 10px 0; background: #f3f3f3; border-top: 1px solid #fff">';
		cdata += '<a class="btn_big" href="#" onclick="form_contact(); return false;">Envoyer</a>&nbsp;&nbsp;';
		cdata += '<a class="btn_big" href="#" onclick="close_msgbox(); return false;">Annuler</a>';
		cdata += '</div>';
		
		open_msgbox(cdata);
		deco_input();
		$("input[name='nom']").focus();
	});
}

function form_contact() {
	if ($("input[name='nom']").val() == "")
		var error = 'Le champ "nom, prénom" est vide.';
	else if ($("input[name='mail']").val() == "")
		var error = 'Le champ "mail" est vide.';
	else if ($("textarea[name='message']").val() == "")
		var error = 'Le champ "message" est vide.';
	else if ($("input[name='antispam']").val() != "274659")
		var error = 'Le code antispam est incorrect.';
	else
		var error = '';
	
	if (error != "") {
		var cdata = '<div id="inmsgbox_content" style="padding: 10px">';
		cdata += error;
		cdata += '</div>';
		cdata += '<div align="center" style="padding: 10px 0; background: #f3f3f3; border-top: 1px solid #fff"><a class="btn_big" href="#" onclick="close_msgbox(\'noclose\'); return false;">Fermer</a></div>';
		
		open_msgbox(cdata, "noclose");
	}
	else {
		$.post("/contact.php", {
			nom: $("input[name='nom']").val(),
			mail: $("input[name='mail']").val(),
			message: $("textarea[name='message']").val()
		},
			function() {
				var cdata = '<div id="inmsgbox_content" style="padding: 10px">';
				cdata += '<div align="center">Votre message a été envoyé.</div>';
				cdata += '</div>';
				cdata += '<div align="center" style="padding: 10px 0; background: #f3f3f3; border-top: 1px solid #fff"><a class="btn_big" href="#" onclick="close_msgbox(); return false;">OK</a></div>';
				
				close_msgbox();
				setTimeout("open_msgbox('"+cdata+"')", 500);
			}
		);
	}
}

function avis(cat) {
	if (cat == "actualite")
		var titre_frame = 'Commenter et noter cet actualité';
	else if (cat == "article")
		var titre_frame = 'Commenter et noter cet article';
	else
		var titre_frame = 'Commenter et noter ce site';
	
	var cdata = '<div id="inmsgbox_content" style="padding: 10px">';
	cdata += '<div id="fiche"><h3>'+titre_frame+'</h3></div>';
	cdata += '<table>';
	cdata += '<tr><td align="right">Pseudo :</td><td><input type="text" name="pseudo" /></td></tr>';
	cdata += '<tr><td align="right">Mail :</td><td><input type="text" name="mail" /> (facultatif)</td></tr>';
	cdata += '<tr><td align="right">Adresse de votre site :</td><td><input type="text" name="site" value="http://" /> (facultatif)</td></tr>';
	cdata += '<tr><td align="right">Note :</td><td height="36"><input type="hidden" name="note" value="0" /><img id="etoile1" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile2" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile3" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile4" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile5" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile6" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile7" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile8" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile9" src="/images/etoile_grise.gif" width="36" height="36" /><img id="etoile10" src="/images/etoile_grise.gif" width="36" height="36" /></td></tr>';
	cdata += '<tr><td align="right" valign="top">Avis, commentaire :</td><td><textarea style="width: 355px; height: 150px" name="avis"></textarea></td></tr>';
	cdata += '<tr><td align="right"><span style="float: right; padding: 4px 0 0 3px">:</span><img style="float: right; padding: 2px 0 0 0" src="/images/antispam.gif" height="22" /></td><td><input type="text" name="antispam" /></td></tr>';
	cdata += '</table>';
	cdata += '</div>';
	cdata += '<div align="center" style="padding: 10px 0; background: #f3f3f3; border-top: 1px solid #fff">';
	cdata += '<a class="btn_big" href="#" onclick="form_avis(\''+cat+'\'); return false;">Envoyer</a>&nbsp;&nbsp;';
	cdata += '<a class="btn_big" href="#" onclick="close_msgbox(); return false;">Annuler</a>';
	cdata += '</div>';
	
	open_msgbox(cdata);
	deco_input();
	note();
	$("input[name='pseudo']").focus();
}

function note() {
	var mouseover = function() {		
		$(this).css({cursor: 'pointer'});
		$("img[id^='etoile']").attr("src","/images/etoile_grise.gif");
		var num = $(this).attr("id").replace("etoile", "");
		
		for (var i=1; i<=num; i++)
			$("#etoile"+i).attr("src","/images/etoile_jaune.gif");
	}	
	$("img[id^='etoile']").each(function() {
		$(this).bind("mouseover", mouseover);
	});
	
	var mouseout = function() {
		$("img[id^='etoile']").attr("src","/images/etoile_grise.gif");
	}
	$("img[id^='etoile']").bind("mouseout", mouseout);
	
	$("img[id^='etoile']").click(function() {
		$("img[id^='etoile']").bind("mouseover", mouseover);
		$(this).mouseover();
		$("img[id^='etoile']").unbind("mouseout", mouseout);
		$("img[id^='etoile']").unbind("mouseover", mouseover);
		$("input[name='note']").val($(this).attr("id").replace("etoile", ""));
	});
}

function form_avis(cat) {
	if ($("input[name='pseudo']").val() == "")
		var error = 'Le champ "Pseudo" est vide.';
	else if ($("input[name='note']").val() == 0)
		var error = 'Vous devez donner une note de 1 à 10, 1 étant la plus mauvaise note, 10 la meilleure.';
	else if ($("textarea[name='avis']").val() == "")
		var error = 'Vous devez donnez votre avis.';
	else if ($("input[name='antispam']").val() != "274659")
		var error = 'Le code antispam est incorrect.';
	else
		var error = '';
	
	if (error != "") {
		var cdata = '<div id="inmsgbox_content" style="padding: 10px">';
		cdata += error;
		cdata += '</div>';
		cdata += '<div align="center" style="padding: 10px 0; background: #f3f3f3; border-top: 1px solid #fff"><a class="btn_big" href="#" onclick="close_msgbox(\'noclose\'); return false;">Fermer</a></div>';
		
		open_msgbox(cdata, "noclose");
	}
	else {
		$.post("/avis.php", {
			cat: cat,
			id_site: $(".url").attr("id"),
			pseudo: $("input[name='pseudo']").val(),
			mail: $("input[name='mail']").val(),
			site: $("input[name='site']").val(),
			note: $("input[name='note']").val(),
			avis: $("textarea[name='avis']").val()
		},
			function(data) {
				close_msgbox();
				var todo = open_msgbox(data);
				setTimeout("todo", 500);
			}
		);
	}
}