$(document).ready(function() {


    /****************************************************************/
    // ===== Pour les services en accordeon horizontal sur l'accueil
    /****************************************************************/
    var isIE=(document.all)?true:false;

    function tabClicked() {
		/*content_width = "481px";*/
		content_width = "481px";
		anim_duration = 500;

		if ($(this).parent().hasClass("active") ) {
		    return;
		}
		$(this).next().css("display", "block");
		$(this).next().animate({width: content_width}, {queue:true, duration:anim_duration});
		$(this).parent().parent().find("div.service.active div.service-content-container").animate(
			{width: "1px"}, anim_duration, "", function () {
				$(this).css("display", "none");
				}
		);

		var lastActive = $(this).parent().parent().find("div.service.active");
		lastActive.removeClass("active");
		var newActive = $(this).parent();
		newActive.addClass("active");

	      //  if (! isIE)  {
			toggleCurrentVerticalText(lastActive);
			toggleCurrentVerticalText(newActive);
	       // }

    }

    /*if(navigator.appVersion.indexOf("Mac",0)>0){
        $("div.service-tab").click(tabClicked);
        alert("alo");
    }    
    else */if (! isIE)  {
	$("div.service-tab").click(tabClicked);
    }
    else {
	$("div.service-tab").bind("activate", tabClicked);
    }

    $("#services .service-tab-label h2").each(function () {
	    var isactive = $(this).parent().parent().parent().hasClass('active')?1:0;
	    $(this).html(embedVertical($(this).html().toUpperCase(), isactive));
    });



	    $("div.service-tab").hover(
		function () {
		    $(this).find("div.service-tab-label").addClass('isOver');
		    var bgcolor = $(this).parents("div.service").css("background-color");
		    $(this).find("div.service-tab-label").css("background-color", bgcolor);
		},
		function () {

		    $(this).find("div.service-tab-label").removeClass('isOver');
		    $(this).find("div.service-tab-label").css("background-color", "");
		}
	    );


    /****************************************************************/
    // ===== Pour les hover de la section droite sur l'accueil
    /****************************************************************/
	    $("div.section-droite").hover(
		function () {
		    //$(this).addClass('isOver');
		    $(this).css("background-color", "#f1f1ee");
		},
		function () {
		    //$(this).removeClass('isOver');
		    $(this).css("background-color", "");
		}
	    );



    /****************************************************************/
    // ===== Pour les images deroulantes sur l'accueil
    /****************************************************************/
	    $('#contenu-gauche ul#img').innerfade({
		speed:1000,
		timeout:5000,
		type:'sequence',
		containerheight:'264px',
		slide_timer_on:'yes',
		slide_ui_parent:'img',
		slide_ui_text:'null',
		pause_button_id:'null',
		slide_nav_id:'slide_nav_hidden'
	    });

	    $("#next_button").click(function() {
		$.next();
	    });

	    $("#prev_button").click(function() {
	       // alert('test');
		$.prev();
	    });








});