/****
VARS à CHANGER
*/

var site_url = "http://www.ifag.auf.org/";


/*------------------------------------------------------------
	Document Text Sizer- Copyright 2003 - Taewook Kang.  All rights reserved.
	Coded by: Taewook Kang (txkang.REMOVETHIS@hotmail.com)
	Web Site: http://txkang.com
	Script featured on Dynamic Drive (http://www.dynamicdrive.com)
	
	Please retain this copyright notice in the script.
	License is granted to user to reuse this code on 
	their own website if, and only if, 
	this entire copyright notice is included.
	
	Modifie le 15 juin 2006, ajout de lineHeight , Adolfo de Paz
--------------------------------------------------------------*/

//Specify affected tags. Add or remove from list:
var tags = new Array( 'h1','h2','h3','p','ul','li');

//Specify spectrum of different font sizes:
var sizes = new Array( 'xx-small','x-small','small','medium','large','x-large');
var txtLineHeight = new Array('12px','16px','18px','20px','24px','28px');

var tailleDebut = 2;

function zoom( element,indice) {
	if (!document.getElementById( element )) return
	var doc = document,cEl = null,size = tailleDebut,i,j,cTags;
	
	size += indice;
	if ( size < 0 ) size = 0;
	if ( size > 5 ) size = 5;
	tailleDebut = size;
		
	if ( !( cEl = doc.getElementById( element ) ) ) cEl = doc.getElementsByTagName( element )[ 0 ];

	cEl.style.fontSize = sizes[ size ];
	for ( i = 0 ; i < tags.length ; i++ ) {
		cTags = cEl.getElementsByTagName( tags[ i ] );
		if(tags[ i ] =='h1'){
			for ( j = 0 ; j < cTags.length ; j++ ) {
				cTags[ j ].style.lineHeight = txtLineHeight[ size+1 ];
				cTags[ j ].style.fontSize = sizes[ size+1];
			}

		}else{
			for ( j = 0 ; j < cTags.length ; j++ ) {
				cTags[ j ].style.lineHeight = txtLineHeight[ size ];
				cTags[ j ].style.fontSize = sizes[ size ];
			}
		}
	}
}

function OuvrirFenetre(page){
	var containerTop = $(window).scrollTop() + ($(window).height() / 5);
	var containerLeft = $(window).width()/3;
	var width_fs = 600;
	var height_fs = 450; 
 	window.open(page,'','width='+width_fs+',height='+height_fs+',status=no,resizable=yes,top='+containerTop+',left='+containerLeft+',dependent=yes,alwaysRaised=yes,scrollbars=yes,menubar=no');
}
/****
ENVOYER A UN AMI
*****/
function ajax_contenu_envoyer_ami(id_article){
	var str = $("#envoyerArticle").serialize();
	$('.err_message').empty();
	$('.err_message').append('<div style="padding:10px;text-align:center;"><img src="squelettes/images/ajax-loader.gif" border="0" align="middle" /><p style="font-size:12px;">Chargement en cours, veuillez patienter...</p></div>');
	
	$.get(site_url+"services/form_sec.php",function(txt){
		  var sec_code = jQuery.trim("&sec="+txt);
		  $(".err_message").load(site_url+"?page=send_mail&id_article="+id_article+"&"+str+sec_code+" #plandusite"); 
		  
    });
	$(".zone_texte").each(function(){
		$(this).val("");
	});
	return false;
}
function envoyerAmi(id_article,titre){
var contenu = ' \
<div class="envoyerEmail"> \
<p style="font-size:13px;font-weight:bold;color:#575757;">Sugg&eacute;rer cette page &agrave; un ami :</p> \
<p style="font-size:11px;color:#575757;">'+titre+'</p> \
<form name="form_envoyerArticle" id="envoyerArticle" method="post" action="javascript:void(null);" onsubmit="ajax_contenu_envoyer_ami('+id_article+');"> \
<table class="table_formulaire"> \
<tr><td class="left_td">Votre nom<span style="color:#DB002C;">*</span>&nbsp;:</td> \
<td><input name="nom" type="text" size="20" class="zone_texte"></td></tr> \
<tr><td class="left_td">Votre courriel<span style="color:#DB002C;">*</span>&nbsp;:</td> \
<td><input name="email" type="text" size="20" class="zone_texte"></td></tr> \
<tr><td class="left_td">Courriel du destinataire<span style="color:#DB002C;">*</span>&nbsp;:</td> \
<td><input name="destinataire" type="text" size="20" class="zone_texte"></td></tr> \
<tr><td colspan="2" scope="row">Message&nbsp;:</td></tr> \
<tr><td colspan="2" scope="row"><textarea name="message" class="zone_texte"></textarea></td></tr> \
<tr><td></td> \
<td><input type="submit" name="envoyer" value="Envoyer" class="input_button"> \
</td></tr> \
</table> \
</form> \
<p style="color:#DB002C; font-size:11px;">* Champs obligatoires</p> \
<span class="err_message" style="font-size:12px;font-weight:bold;color:#575757;"></span> \
</div> \
';
$(".navigation").empty();
jQuery.facebox(contenu);
return false;
}

/**
 * Code JS Instituts
 */
$(document).ready(function(){
	function theCarousel(carousel)
	{
		jQuery('.jcarousel-control a').bind('mouseover', function() { 
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			carousel.stopAuto();
			return false;
		});
		jQuery('.jcarousel-control a').bind('mouseout', function() { 
			carousel.startAuto();
			return false;
		});
		
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
		
	}
	$('#content').jcarousel({ scroll: 1, auto: 6, wrap: 'last', buttonPrevHTML: false, buttonNextHTML: false, initCallback: theCarousel });
});

$(document).ready(function(){
		jQuery("ul.sf-menu").supersubs({ 
			minWidth:    16,
			maxWidth:    20,
			extraWidth:  1   
		}).superfish();
		jQuery("ul.sf-menu ul").bgIframe({opacity:true});
});
$(document).ready(function(){ 
	$(".hover").hover(function () {
      $(this).css({ backgroundColor:"#E7E7E7"});
    }, function () {
      var cssObj = {
        backgroundColor: "#ffffff"
      }
      $(this).css(cssObj);
    });
	
	$(".hover_fg").hover(function () {
      $(this).css({ backgroundColor:"#E7E7E7"});
    }, function () {
      var cssObj = {
        backgroundColor: "#f3f2f2"
      }
      $(this).css(cssObj);
    });
	
});

function ajax_contenu_envoyer_message(mail){
	var str = $("#envoyer_courriel").serialize();
	$('.err_message').empty();
	$('.err_message').append('<div style="padding:10px;text-align:center;"><img src="squelettes/images/ajax-loader_2.gif" border="0" align="middle" /><p style="font-size:12px;">Chargement en cours, veuillez patienter...</p></div>');
	
	$.get(site_url+"services/form_sec.php",function(txt){
		  var sec_code = "&sec="+txt;
		  $(".err_message").load(site_url+"?page=send_mail&"+str+sec_code+"&courriel_dest="+mail+" #plandusite");
    });
	$(".zone_texte").each(function(){
		$(this).val("");
	});
	return false;
}
function form_message(mail){
	var contenu = ' \
<div class="envoyerEmail"> \
<p style="font-size:13px;font-weight:bold;color:#575757;">Vous voulez envoyer un message &agrave; : \
<img src="ecriremail.php?ecrire='+mail+'" border="0" /></p> \
<p style="font-size:11px;color:#575757;">Pour contacter cette personne, veuillez remplir correctement le formulaire ci-dessous</p> \
<form name="form_envoyer_courriel" id="envoyer_courriel" method="post" action="javascript:void(null);" onsubmit="ajax_contenu_envoyer_message(\''+mail+'\');"> \
<table class="table_formulaire"> \
<tr><td class="left_td">Votre nom<span style="color:#DB002C;">*</span> :</td> \
<td><input name="nom_mg" type="text" size="20" class="zone_texte"></td></tr> \
<tr><td class="left_td">Votre courriel<span style="color:#DB002C;">*</span> :</td> \
<td><input name="email_mg" type="text" size="20" class="zone_texte"></td></tr> \
<tr><td colspan="2" scope="row">Message<span style="color:#DB002C;">*</span> :</td></tr> \
<tr><td colspan="2" scope="row"><textarea name="message_mg" class="zone_texte"></textarea></td></tr> \
<tr><td></td> \
<td><input type="submit" name="envoyer_mg" value="Envoyer" class="input_button"> \
</td></tr> \
</table> \
</form> \
<p style="color:#DB002C; font-size:11px;">* Champs obligatoires</p> \
<span class="err_message" style="font-size:12px;font-weight:bold;color:#575757;"></span> \
</div> \
';
$(".navigation").empty();
jQuery.facebox(contenu);
}

$(document).ready(function($) { 
	$(".courriel_app").each(function(){
		$(this).click(function(){
			form_message($(this).attr("rel"));				   
	    });				   
	});
});