var SITE = "/";
var DOMAINE = "http://www.lucia-energie.fr";

$(document).ready(function(){
	
	$("a.helpAccount").fancybox({ padding: 0 });
	
	$("#new-search").click(function(){
		$("#new-search").css("display","none");
		$("#box-recherche-form").slideDown();
		return false;
	});
	
	/*FAQ*/
	$(".faq_rubrique_titre").click(function(){
		$(".faq_rubrique_content").css("display","none");
		$(".faq_rubrique_reponse").css("display","none");
		$(".faq_rubrique_question").css("color","#3E3E3E");
		$(this).parent().children("div").slideToggle();
	});
	
	$(".faq_rubrique_question").click(function(){
		$(".faq_rubrique_question").css("color","#3E3E3E");
		$(".faq_rubrique_reponse").css("display","none");
		$(this).css("color","#E01E83");
		$(this).next(".faq_rubrique_reponse").slideToggle();
	});
	
		
	$("a.fancyClass").fancybox({ padding: 0 });
	/*Plan du Site*/
	$(".titre_plan").click(function(){
		$(this).children("ul").slideToggle();
		
		if($(this).css("background-image") == 'url("'+DOMAINE+SITE+'medias/images/interface/fleche_haut.jpg")')
		{
			$(this).css("background","url("+SITE+"medias/images/interface/fleche_bas.jpg) no-repeat top right");
		}
		else
		{
		$(this).css("background","url("+SITE+"medias/images/interface/fleche_haut.jpg) no-repeat top right");
		}
		
	});
	
	
	/*INFO-BULLES*/
	$('.tinyTipPush').tinyTips('title');
	$('.tinyTipPushNoStyle').tinyTips('title');
	
	/*MENU GENERAL*/
	
	// On cache les sous-menus : 
    $(".menu_deroulant ul.sous_menu").hide(); 
    // On sélectionne tous les items de liste portant la classe "menu1" 
 
    // et on remplace l'élément span qu'ils contiennent par un lien : 
    $(".menu_deroulant li.rubrique span").each( function () { 
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text(); 
        $(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>') ; 
    } ) ; 
 
 	$(".tr_message").hover(function(){ 
		$(this).find(".delete_message").css("visibility","visible");
	},function(){
		$(this).find("a.delete_message").css("visibility","hidden");
	});
	
	$(".delete_message").click(function(){
		if(confirm("Etes vous sur de vouloir supprimer ce message ?")){
			return true;
		}else{
			return false;
		}
	});
    
    $(".menu_deroulant li.rubrique > a").mouseenter( function () { 
        // Si le sous-menu était déjà ouvert, on le referme : 
        if ($(this).next("ul.sous_menu:visible").length != 0) { 
            $(this).next("ul.sous_menu").css("display","none"); 
			
        } 
        // Si le sous-menu est caché, on ferme les autres et on l'affiche : 
        else { 
		
            $(".menu_deroulant ul.sous_menu").css("display","none"); 
            $(this).next("ul.sous_menu").css("display","block");
			
			var classtest=$(this).parent().attr("name").split('-')[1];
			
			$(this).css("color","white");
			$(this).parent().css("background","url("+SITE+"medias/images/interface/menu_"+ classtest +".jpg)");
			
        } 
        // On empêche le navigateur de suivre le lien : 
        return false; 
    });
	  
	$(".sous_menu").mouseleave( function () { 
      $(".menu_deroulant li.rubrique >a").removeAttr("style");
	  $(this).css("display","none"); 
    });
	 $(".rubrique").mouseleave( function () { 
       $(".menu_deroulant li.rubrique >a").removeAttr("style");
	  $(".rubrique").css("background","none");
	  $(".sous_menu").css("display","none"); 
    }); 

	// Font Size ++
	$("#font-plus").click(function(){
		$.ajax({
			dataType:'jsonp',
			url: SITE+'index.php/json/Font_Plus/',
			success:function(response){
				if(response.callback_status=="ok"){
					window.location.reload();
				}
			}
		});
		return false;
	});

	// Font Size --
	$("#font-moins").click(function(){
		$.ajax({
			dataType:'jsonp',
			url: SITE+'index.php/json/Font_Moins/',
			success:function(response){
				if(response.callback_status=="ok"){
					window.location.reload();
				}
			}
		});
		return false;
	});
	
	
$('#slideshow-banner').cycle({fx: 'fade',timeout: 4000}); 

$('#Menu_Services').cycle({fx: 'fade',timeout: 3000}); 


//fix des png sous IE
$(document).pngFix();


//Configuration
		  var retour = true;
		  var tempsTransition = 1000;
		  var affichePlayPause = false;
		  var lectureAutomatique = true;
		  	var tempsAttente = 6000;
			
		  var icones = new Array();
		  		icones['play'] = '<?php echo IMG ?>plugin-accueil/play_slider.png';
		  		icones['pause'] = '<?php echo IMG ?>plugin-accueil/pause_slider.png';	
			
		  var currentPosition = 0;
		  var slideWidth = 478;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Attribue  #slideInner  à toutes les div .slide
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  
  /*$('#slideshow')
    .append('<span class="control" id="leftControl"><img src="'+SITE+'medias/images/plugin-accueil/precedent.png" /></span>')
    .append('<span class="control" id="rightControl"><img src="'+SITE+'medias/images/plugin-accueil/suivant.png" /></span>');*/


  
  // Hide left arrow control on first load
  manageControls(currentPosition);

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	if(currentPosition == numberOfSlides && retour == false ){
		currentPosition--;
		pause();
	}
	
	// Cache ou montre les controles
    manageControls(currentPosition);
    // Fais bouger le slide
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },tempsTransition);
  });

  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  function manageControls(position){
    // Cache la fleche "précédent" si on est sur le premier slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
    if(position==numberOfSlides-1 && retour == false){
		$('#rightControl').hide();
	} else {
		$('#rightControl').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl').hide();
	}
  }
  function suivant(){
	$('#rightControl').click();
	}
  function start() {
  	lectureEnCours = true;
    interval = setInterval(suivant, tempsAttente );
  }
  function pause() {
  	lectureEnCours = false;
   clearInterval(interval);
  }
  
 //Si le diapo est activé 
if(lectureAutomatique == true){
  start();
}
if(affichePlayPause == true){
	$('#slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
	if(lectureAutomatique == true){
		$('#navDiapo').attr('src',icones['pause']);
	}else{
		$('#navDiapo').attr('src',icones['play']);	
	}
	$('#navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			$(this).attr('src',icones['play']);
			pause();
		}else{
			$(this).attr('src',icones['pause']);
			start();
		}
	});
}
	$("#overlay").click(function(){
		 Hide_Errors();
	});
	$("#CloseErrorsBox").click(function(){
		 Hide_Errors();
	});
//FIN
});

function precharger_image(url){
    var img = new Image();
    img.src=url;
    return img;
}

function Display_Errors(errors,image){
	var UrlCurrent=window.location.href;
	if(UrlCurrent==DOMAINE+SITE+"Releve_De_Compteur"){
		var Lien = DOMAINE+SITE+"Releve_De_Compteur";
	}else{
		var Lien ="javascript:void(0)";
	}
	$("body").prepend("<div id='overlay'></div>");
	if(image==SITE+"medias/images/interface/"){
		$("body").prepend("<a id='CloseErrorsBox' href='"+Lien+"'></a><div id='ErrorsBox'>"+errors+"</div>");
	}else{
		$("body").prepend("<a id='CloseErrorsBox' href='"+Lien+"'></a><div id='ErrorsBox'><table align='center'><tr><td valign='middle'><img src='"+image+"' /></td><td valign='middle' align='center' width='310' style='padding:10px;'>"+errors+"</td></tr></table></div>");
	}
	$("body").css("overflow","hidden");
	$("#overlay").css("display","block");
}

function Hide_Errors(){
	$("#overlay").remove();
	$("#ErrorsBox").remove();
	$("#CloseErrorsBox").remove();
	$("body").css("overflow","auto");
}