/* ------------------------ VARIABLES GLOBALES ------------------------ */

var speedSlideUpFormComment = 300;
var speedSlideDownFormComment = 300;

var effectSlideUpFormComment = "easeInOutExpo";
var effectSlideDownFormComment = "easeInOutExpo";

var defaultValueForSearch = "Rechercher...";

var speedShowBoxLogin = 1500;
var effectShowBoxLogin = "easeOutExpo";

var speedHideBoxLogin = 800;
var effectHideBoxLogin = "easeInExpo";

var viewportHeight;
var boxLoginHeight;
var posTopOverlayVideo;

/* ------------------------ INIT ------------------------ */
$(document).ready(function(){
	// On init le PNGfix	
	$("#container").pngFix();
	
	// on initialise la dimension du header
	initHeaderWidth();
	
	// On init la police speciale avec Cufon
	initFont();
	
	// On determine les differentes dimensions
	initDimensions();
	
	// On init les evenements de page
	initPageEvents();
	
	// On init les evenements de l'overlay d'authentification
	initOverlayLogin();
	
	// On init les evenements lies aux commentaires
	initCommentEvent();
	
	// On init les evenements lies aux formulaires de recherche
	initSearchEvent();
	
	// On init les sous-menu
	initSubMenu();
});

/* ------------------------ EVENEMENTS ------------------------ */
/* initHeaderWidth
 * 
 * Initialisation de la largeur du header en fonction des éléments contenus
 * 
 */
function initHeaderWidth(){
	// largeur du bloc logo
	var widthBlocLogo = $('#logo').outerWidth();
	
	// largeur du bloc menu
	var widthBlocMenu = $('#menu').outerWidth();
	
	// largeur du bloc de droite
	var widthBlocRight = $('#headerRight').outerWidth();
	
	// on calcule la taille du header
	var headerWidth = widthBlocLogo+widthBlocMenu+widthBlocRight;
	
	// on donne cette valeur à la largeur du header
	$('#contentHeader').css('width',headerWidth);
}

/* initFont
 * 
 * Initialisation de la police speciale avec Cufon
 * 
 */
function initFont(){
	Cufon.replace(".cufon");
}

/* initDimensions
 * 
 * Initialisation des dimensions
 * 
 */
function initDimensions(){
	viewportHeight = $("BODY").height();
	windowHeight = $(window).height();
	
	boxLoginHeight = 146;
	
	posTopBoxLogin = (windowHeight - boxLoginHeight)/2;
}

/* initCommentEvent
 * 
 * Initialisation des evenements lies aux commentaires
 * 
 */
function initCommentEvent(){	
	$(".btnAjoutComment").click(showBoxAjoutComment);
	
	// on neutralise la soumission du formulaire
	$('#commentform').bind('submit', function(){
		return false;
	});
	
	$('#commentform').submit(function(){
		curForm = $(this);
		curAction = curForm.attr('action');
		curPseudo = curForm.find('[name=author]').val();
		curEmail = curForm.find('[name=email]').val();
		curUrl = curForm.find('[name=url]').val();
		curComment = curForm.find('[name=comment]').val();
		
		aPost = {
			'author':curPseudo,
			'email':curEmail,
			'url':curUrl,
			'comment':curComment,
			'submit':curForm.find("[name='submit']").val(),
			'comment_post_ID':curForm.find("[name='comment_post_ID']").val(),
			'comment_parent':curForm.find("[name='comment_parent']").val(),
			'_wp_unfiltered_html_comment':curForm.find("[name='_wp_unfiltered_html_comment']").val()
		};
	
		// On envoi la requête
		$.ajax({
			url:curAction,
			data:aPost,
			dataType:'html',
			type:'POST',
			success:function(data){
				location.reload();
			},
			error:function(XMLHttpRequest, textStatus, errorThrown){
				showErrorOnCommentSubmit(curForm, XMLHttpRequest.responseText);
			}
		});
		
	});
}

function showErrorOnCommentSubmit(curForm, sError){

	// On recup le message d'erreur de wordpress
	indexOpeningP = sError.indexOf("<p>",0);
	indexClosingP = sError.indexOf("</p>",0);
	sError = sError.substring(indexOpeningP+3, indexClosingP);
	indexDP = sError.indexOf(":",0);
	sError = sError.substr(indexDP+2, sError.length);
	
	sMessageToShow = sError.substr(0,1).toUpperCase()+sError.substr(1,sError.length);
	
	setInfoBulleAtElement(sMessageToShow, curForm.find("[name='submit']"), 0, 21, false);
}

/* initPageEvents
 * 
 * Initialisation des evenements de page
 * 
 */
function initPageEvents(){
	$(".lineOption").hover(
      function(){	
	  	
		$(this).css({"background":"#c5c5c5"});
      }, 
      function(){
	  	$(this).css({"background":"none"});
      }
    );
	
	$(".linkLogin").hover(
      function(){	
	  	
		$(this).css({"color":"#006699"});
      }, 
      function(){
	  	$(this).css({"color":"#666666"});
      }
    );
}


/* initSearchEvent
 * 
 * Initialisation des evenements lies aux formulaires de recherche
 * 
 */
function initSearchEvent(){
	setMainSearch();
	setSearchSidebar();
	
}

/* initSubMenu
 * 
 * Initialisation des sous-menus
 * 
 */
function initSubMenu(){
	// si on click sur un menu contenant un sous-menu
	$(".menuWithSubMenu span").click(function(){
		// on récupère l'identifiant du sous-menu lié
		var curIdSubMenu = $(this).parents('.menuWithSubMenu').attr('rel');

		// si ce sous-menu est masqué
		if ($("#"+curIdSubMenu).css("display") == "none")
		{
			// on cache tous les sous-menu sauf celui-ci 
			hideAllSubMenuExceptThis(curIdSubMenu);
			// on montre le sous-menu
			showSubMenu(curIdSubMenu);
		}
		// sinon on le masque
		else
		{
			hideAllSubMenuExceptThis('none');
		}
	});
}


/* ------------------------ FONCTIONS ------------------------ */


function showSubMenu(idSubMenu){
	// on récupère la position et la largeur du menu contenant le sous-menu
	menuWithSubMenuPos = $(".btnMenu[rel="+idSubMenu+"]").offset();
	menuWithSubMenuWidth = $(".btnMenu[rel="+idSubMenu+"]").width();
	
	// On place le sous-menu
	$("#"+idSubMenu).css({
		left:menuWithSubMenuPos.left,
		top:menuWithSubMenuPos.top+25
	});
	
	$("#"+idSubMenu+" .flecheSubMenu").css({
		paddingLeft:menuWithSubMenuWidth/2-3.5
	});
	
	// On affiche le sous-menu
	$("#"+idSubMenu).slideDown({
			duration:500,
			easing:"easeOutExpo"});
	
}

function hideAllSubMenuExceptThis(idSubMenu){
	// On masque tous les sous-menus excepté celui en paramètre
	$(".subMenu[id!="+idSubMenu+"]").slideUp({
			duration:500,
			easing:"easeOutExpo"
	});
	
}

function setMainSearch(){
	// initialisation de la liste déroulante pour le type de recherche
	initListesDeroulantes();
	
	// clic sur le bouton go, on soumet le formulaire
	$('.inputSubmitSearch').click(function(){$('[name=form_recherche]').submit();});
	
	curSearchInput = $('[name=form_recherche] [name=recherche_communaute]');
	// si sur le submit, la recherche est vide ou à la valeur par défaut, on ne submit pas
	$('[name=form_recherche]').submit(function(){
		curValueToSearch = curSearchInput.val();
		if(curValueToSearch == '' || curValueToSearch == defaultValueForSearch)
		{
			
			setInfoBulleAtElement("Merci de saisir une recherche", curSearchInput, 0, curSearchInput.outerHeight(), false);
			
			return false;
		}
	});
	
	if($('.inputTextSearch').val() == '')
	{
		$('.inputTextSearch').val(defaultValueForSearch);
	}
	
	$('.inputTextSearch').focus(function() {  
        if (this.value == defaultValueForSearch){  
            this.value = '';  
        }  
        if(this.value != defaultValueForSearch){  
        	this.select();
        }  
    });
	
	$('.inputTextSearch').blur(function() {   
		if(this.value == ''){  
            this.value = defaultValueForSearch;  
        } 
	});
}

function setSearchSidebar(){
	if($('.inputTextSearchSidebar').val() == '')
	{
		$('.inputTextSearchSidebar').val(defaultValueForSearch);
	}
	$('.inputTextSearchSidebar').focus(function() {  
        if (this.value == defaultValueForSearch){  
            this.value = '';  
        }  
        if(this.value != defaultValueForSearch){  
             this.select();  
         }  
    }); 
	
	 /*$('.inputTextSearchSidebar').blur(function(e) {
		 this.value = defaultValueForSearch;
     });*/
}

function showBoxAjoutComment(){
	$(".boxAjoutComment").slideDown(speedSlideDownFormComment, effectSlideDownFormComment);
	hideBtnAjoutComment();
}

function hideBoxAjoutComment(){
	$(".boxAjoutComment").slideUp(speedSlideUpFormComment, effectSlideUpFormComment, function(){
		showBtnAjoutComment();
	});
}


function hideBtnAjoutComment(){
	$(".boxBtnAjoutComment").hide();
}

function showBtnAjoutComment(){
	$(".boxBtnAjoutComment").show();
}