/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

$(document).ready(function(){
	var randomnumberBanner=Math.floor(Math.random()*5)+1;
	displayBanner("default"+randomnumberBanner);
	
    $("a[href='#']").click(function(e){e.preventDefault();});


    /*##################################################################*/
	/*##  Flash techno et design  ######################################*/

    $(".flash_quote_holder").each(function(){
        $(this).find("a").each(function(){
            $cont_mh = 130;
            $el_oh = $(this).outerHeight();
            $el_mp = ($cont_mh - $el_oh)/2;
            $el_mh = $cont_mh - Math.round($el_mp);
            $(this).css({'padding-top':$el_mp, 'height':$el_mh});
        });
        if(!$(this).hasClass("active_fader")){
            $(this).hide();
        }
    });

    
    /*####################################################################################################*/
	/*##  Fonction de fade avec autoplay pour le Block Flash Techno/Design  ##############################*/

	var $dbank = $("#flash_techno_quotes");
    var slideshow_timeout;
    var $target_slide;

    var s_class = ".flash_quote"; // Nom de la class qui determine les element du slideshow
    var s_cont = ".flash_quote_holder";

    var $slides_cont = $(s_cont);
    var nbr_slides = 0;
    var counter_z = 5000;
    var counter = 0;
    var cs_counter = 2;
    var cur_slide = "";
	
	$slides_cont.data("cur_slide_nbr",'1');
    $slides_cont.each(function(){
        $(this).find(".flash_quote:first").addClass("cur_slide");
        counter_z = 5000;
        $slides = $(this).find(""+s_class+""); // Toute les slides dans le wrapper du slideshow
        nbr_slides = $slides.length;
        counter = 0;
        $slides.each(function(){
            counter++;
            $(this).addClass("slide_"+counter).css("z-index",counter_z);
            counter_z--;
        });
    });

    $dbank.data("cs",".active_fader .slide_1");
    $dbank.data("ns",".active_fader .slide_2");

    //$($dbank.data("cs")).show();

	function switch_slide_auto(){

        nbr_slides = $(".active_fader .flash_quote").length;

        $($dbank.data("cs")).fadeOut(500,function(){
            $(this).removeClass("cur_slide");

            cs_counter++;

            if(cs_counter > nbr_slides) cs_counter = 1;

            $($dbank.data("ns")).fadeIn(500, function(){
                $(this).addClass("cur_slide");
                $dbank.data("cs",$dbank.data("ns"));
                $dbank.data("ns",".active_fader .slide_"+cs_counter);
                
                $slideshow_timeout = window.setTimeout(switch_slide_auto, 5000);
            });
        });
	}

	$slideshow_timeout = window.setTimeout(switch_slide_auto, 5000);

    $("#tab_flash_design").click(function(){
        window.clearTimeout($slideshow_timeout);
        $($dbank.data("cs")).stop(true,true);
        $($dbank.data("ns")).stop(true,true);
        
        $(".active_flash").removeClass("active_flash");
        $(this).addClass("active_flash");

        $(".active_fader").find(".flash_quote").hide().end().hide().removeClass("active_fader");
        $("#flash_design_quotes").show().addClass("active_fader");

        $dbank.data("cs",".active_fader .slide_1");
        $dbank.data("ns",".active_fader .slide_2");
        cs_counter = 2;
        $($dbank.data("cs")).show();

        $slideshow_timeout = window.setTimeout(switch_slide_auto, 5000);
    });

    $("#tab_flash_techno").click(function(){
        window.clearTimeout($slideshow_timeout);
        $($dbank.data("cs")).stop(true,true);
        $($dbank.data("ns")).stop(true,true);

        $(".active_flash").removeClass("active_flash");
        $(this).addClass("active_flash");

        $(".active_fader").find(".flash_quote").hide().end().hide().removeClass("active_fader");
        $("#flash_techno_quotes").show().addClass("active_fader");

        $dbank.data("cs",".active_fader .slide_1");
        $dbank.data("ns",".active_fader .slide_2");
        cs_counter = 2;
        $($dbank.data("cs")).show();

        $slideshow_timeout = window.setTimeout(switch_slide_auto, 5000);
    });


    /*############################################################################################*/
	/*##  Fonction de fade avec autoplay pour le Block Temoignages  ##############################*/

    /*var $counter_z2 = 20;
	var $counter2 = 0;
    var $slideshow_timeout2;
    var $target_slide2;

    var $s_class2 = ".tem_quote"; // Nom de la class qui determine les element du slideshow
    var $s_cont2 = "#temoignages_wrapper";

    var $slides_cont2 = $($s_cont2);
	var $slides2 = $slides_cont2.find(""+$s_class2+""); // Toute les slides dans le wrapper du slideshow
	var $nbr_slides2 = $slides2.length;

	$slides_cont2.data("cur_slide_nbr",'1');
	//$nav_box_list = $("#banner_nav");

	$slides2.each(function(){
		$counter_z2--;
		$counter2++;
		$(this).attr("id","slide_"+$counter2).css("z-index",$counter_z);
	});

	function switch_slide_auto2(){
		var $cur_slide_nbr2 = $slides_cont2.data("cur_slide_nbr");

		var $cur_slide2 = $($s_cont2+" #slide_"+$cur_slide_nbr2);

		if($cur_slide_nbr2 == $nbr_slides2){
			$target_slide_nbr2 = 1;
			$target_slide2 = $($s_cont2+" #slide_"+$target_slide_nbr2);
		}else{
			$target_slide_nbr2 = parseInt($cur_slide_nbr2) + 1;
			$target_slide2 = $($s_cont2+" #slide_"+$target_slide_nbr2);
		}
		$target_slide2.addClass("cur_slide").css("z-index",$cur_slide2.css("z-index")-1).show();

		$cur_slide2.removeClass("cur_slide").fadeOut(700, function(){
			$target_slide2.css("z-index","20");
			$(this).css("z-index",$target_slide2.css("z-index")-1);
            $slides2.each(function(){
                if(!$(this).hasClass("cur_slide")){
                    $(this).hide();
                }
            })
            $slides_cont2.data("cur_slide_nbr",$target_slide_nbr2);
			$slideshow_timeout2 = window.setTimeout(switch_slide_auto2, 7000);
		});
	}

	$slideshow_timeout2 = window.setTimeout(switch_slide_auto2, 7000);

    $rand_num = Math.floor(Math.random()*($nbr_slides2)+1);
    $slides_cont2.find("#slide_"+$rand_num).show();*/


    //###  Set du lien actif de section  ###########################################
    var current_url = document.location.href;
    var cur_url_split = current_url.split("/");

    // Taking care of the category term getting inserted in fourth position
    if(cur_url_split[3] == "category"){cur_final_url = "blogue"}else if(cur_url_split[3] == ""){cur_final_url = "#"}else{cur_final_url = cur_url_split[3]}

    $("#nav a[href*='"+cur_final_url+"']").addClass("active_section");
    $("#footer_nav li a[href*='"+cur_final_url+"']").parent().addClass("active_section");

    $("#rc_menu a[href='"+current_url+"']").each(function(){
        $(this).html("<span id='rc_menu_active_content'>"+$(this).html()+"</span><span id='rc_menu_active_back'></span>");
    });

    
    /*console.log(document.location.href);
    console.log(cur_url_split);
	console.log(cur_url_split[3]);
    console.log(cur_url_split[4]);
    console.log(cur_final_url);*/

    
    //##  Setup des thumbs de realisations  ########################################
    $("#left_column .realisation_thumb:even").css("margin-right","10px");
    $("#left_column .realisation_thumb .full_realisation_link").css("opacity","0");
    $("#left_column .realisation_thumb .realisation_text_link").each(function(){
        $link_height = "-"+$(this).outerHeight()+"px";
        $(this).css("bottom",$link_height);
    });
    $("#left_column .realisation_thumb .realisation_plus_link").each(function(){
        $link_height = "-"+$(this).outerHeight()+"px";
        $(this).css("top",$link_height);
    });


    //###  Set des couleurs de background des realisations  ########################
    var realisations_colors = new Array('#81c429', '#ef6e23', '#f12d72', '#47c6c5');
    $("#left_column .realisation_thumb .full_realisation_link").each(function(){
        $rand_color = Math.floor(Math.random()*realisations_colors.length);
        $(this).css("background-color",realisations_colors[$rand_color]);
    });


    //##  Hover sur les realisations  ##############################################
    $("#left_column .realisation_thumb").hover(function(){
        $(this).find(".realisation_plus_link").css("visibility","visible").stop().animate({top:"0"}, 300);
        $(this).find(".realisation_text_link").css("visibility","visible").stop().animate({bottom:"10px"}, 300);
        $(this).find(".full_realisation_link").css("visibility","visible").stop().animate({opacity:".7"}, 300);
    },function(){
        if($(this).parent().is(".display_thumb") || $(this).next().is(":hidden")){
            $(this).find(".realisation_plus_link").stop().animate({top:"-"+$(this).outerHeight()+"px"}, 300);
            $(this).find(".realisation_text_link").stop().animate({bottom:"-"+$(this).outerHeight()+"px"}, 200);
            $(this).find(".full_realisation_link").stop().animate({opacity:"0"}, 200);
        }else{
            if($(this).data("el_state") == "closing"){
                $(this).find(".realisation_plus_link").stop().animate({top:"-"+$(this).outerHeight()+"px"}, 300);
                $(this).find(".realisation_text_link").stop().animate({bottom:"-"+$(this).outerHeight()+"px"}, 200);
                $(this).find(".full_realisation_link").stop().animate({opacity:"0"}, 200);
            }
        }
    });


    //##  Newsletter  ##############################################################

    $("#btn_nl_submit").hover(function(){
        $(this).parent().css("background-position","0 0");
    }, function(){
        $(this).parent().css("background-position","0 -31px")
    });

    $(".text_input").focusin(function(){
        if($(this).val() == $(this).attr('title')){
            $(this).val('').css("color","#1D1D1D");
        }
    });
    $(".text_input").focusout(function(){
        if($(this).val() == ''){
            $(this).val($(this).attr('title')).css("color","#545454");
        }
    });


    //###################################################################
	//  Fonction d'affichage de l'accordion page Solution  ##############

	$.wt_accordion({
		container : 'sol_accordion', // ID du container
		activeContent : 0, // Accordeon ouvert par defaut
		speed : 400 // vitesse de l'effet slideToggle ( slow, medium, speed )
	});

	$("#sol_accordion li a").click(function(){
		var old_id = $(".solution_accordion_actif a").attr("title");

		$("body").removeClass("page-id-"+old_id);
		$("body").addClass("page-id-"+$(this).attr("title"));
	})

	//############################################################
	//  Fonction d'affichage des Bandeau d'accueil   #############

	$("#banner_nav .nav_list li").mouseover(function(){
		$("#banner_nav .current_solution, #solutions_blocks .current_solution").removeClass("current_solution");
		var section = $(this).attr("id").substr(4,$(this).attr("id").length-8);
		displayBanner(section);
	})

	
	
	$("#banner_nav .nav_list li, .solution_wrapper").mouseout(function(){
		$("#banner_nav .current_solution, #solutions_blocks .current_solution").removeClass("current_solution");
		displayBanner("default"+randomnumberBanner);
	})

	$(".solution_wrapper").mouseover(function(){
		$("#banner_nav .current_solution, #solutions_blocks .current_solution").removeClass("current_solution");
		var section = $(this).attr("id").substr(4);
		displayBanner(section);
	})

	function displayBanner(section){
		$(".banner").hide();
		$("#banner_"+section).show();

		$("#sol_"+section+"_btn").addClass("current_solution");
		$("#sol_"+section).addClass("current_solution");
	}

    /*$(".solution_content").find("h2").prepend('<a href="'+$(".solution_content").find("a").attr("href")+'">');
    $(".solution_content").find("h2").append("</a>");*/
    $(".solution_content").each(function(){
        lien_sol = $(this).find("a").attr("href");
        original_header = $(this).find("h2").html();
        new_header = '<a href="'+lien_sol+'">'+original_header+'</a>';
        $(this).find("h2").html(new_header);
    });
    //$(".solution_content").find("h2").html('a href="'+$(".solution_cotent").find("a").attr("href")+'">'+$(".solution_content").find("h2").html()+'</a>');

	//########################################################
	//  Fonction d'affichage des Realisations  ###############

	$('.jump_menu').click(function(){
		var jump_to = $(this).attr('jt');
        /*console.log($("#"+jump_to+" .realisation_content_element").length * 195);*/
		$('.current_realisation_menu').removeClass('current_realisation_menu');
		$(this).addClass('current_realisation_menu');
        $(this).parent().css("border-color",$(this).css("background-color"));
        if(jump_to == "solutions-web"){t_height = ($("#"+jump_to+" .realisation_content_element").length * 195)+'px'}else{t_height = '1170px'}

		$('#realisation_content_wrapper').scrollTo( '#'+jump_to, 500, { axis:'x' } );
        $('#realisation_content_wrapper').animate({height: t_height}, 300, 'easeOutQuad');

		loadImages($("#"+jump_to));
	});

	/*$('.realisation_thumb').click(function(){
            $(this).data("el_state","opening");
	});*/

	$('.realisation_thumb').click(function(){
		if($(this).attr("url") != "")
			window.open($(this).attr("url"),"");
	})

   /* $('.realisation_thumb').toggle(function(){
        if(!$(this).parent().is(".display_thumb")){
            $(this).data("el_state","opening");
            $(this).next().slideToggle(600, "easeOutCubic");
            $(this).find(".realisation_plus_link").html("-");
        }
    },function(){
        if(!$(this).parent().is(".display_thumb")){
            $(this).data("el_state","closing");
            $(this).next().slideToggle(600, "easeOutCubic");
            $(this).find(".realisation_plus_link").html("+");
        }
    });*/

    $("#image-de-marque .realisation_thumb:even").css("margin-right","10px");

	loadImages($("#"+$('.current_realisation_menu').attr('jt')));

	function loadImages(target){
		target.find(".realisation_thumb").each(function(index,el){
			// new image object
			if($(this).find("img").size() == 0){
				var img = new Image();
				// image onload
				$(img).load(function () {
					// hide first
					$(this).css('display','none'); // since .hide() failed in safari
					//
					$(el).removeClass('loading').append(this);
						$(this).fadeIn();
						}).error(function () {
					$(el).remove();
				}).attr('src', $(this).attr("src"));
			}
		});
	}

    //########################################################
	//  Fonction de submit de forms  #########################

	$("#oi_form").submit(function(){
		var error_status = "0";
		$("#errors_container span").remove();
		$(this).find("label").css("color", "#000");

		$(this).find("input:visible, checkbox:visible").each(function(){
			if($(this).attr("name") == "email"){
				if(!isEmail($("#email").val())){
					if(form_lang == "fr") {
						$("#errors_container").append("<span class='error_field'>Veuillez inscire une adresse de courriel valide</span>");
					}else{
						$("#errors_container").append("<span class='error_field'>Please enter a valid e-mail address</span>");
					}
					$(this).prev().css("color","#cf2a2a");
					error_status = "1";
				}

			}else{
				if($(this).val() == ""){
					field_name = $(this).attr("title");
					if(form_lang == "fr") {
						$("#errors_container").append("<span class='error_field'>Veuillez inscrire votre "+field_name+"</span>");
					}else{
						$("#errors_container").append("<span class='error_field'>Please enter your "+field_name+"</span>");
					}
					$(this).prev().css("color","#cf2a2a");
					error_status = "1";
				}
			}
		});
		if($(this).find('input[name="Secteur"]:checked').length == 0 ){
			if(form_lang == "fr") {
				$("#errors_container").append("<span class='error_field'>Veuillez cocher au moins un secteur</span>");
			}else{
				$("#errors_container").append("<span class='error_field'>Please check at least one sector</span>");
			}
			error_status = "1";
		}


		if(error_status != "0"){
			$("#errors_container").fadeIn(300);
			return false;
		}else{
			$("#errors_container").hide();
			var secteurs = Array();
			$(this).find('input[name="Secteur"]:checked').each(function (){
				secteurs.push($(this).val());
			})

			$(this).find('input[name="Secteurs"]').val(secteurs.join(","));
			return true;
		}

	});

	function isEmail(email) {
		return (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,6})+$/.test(email));
	}

	//########################################################
	//  Fonction de submit de la form de NL  #################

	function submit_nl(){
		var error = false;
		$(".error_field").hide();

		$("#form_nl input[req='true']").each(function(){
			var $valtype = $(this).attr("valtype");

			if($valtype == "email"){
				if(!isEmail($(this).val())){
					$("#errors_"+$(this).attr("id")).show();
					error = true;
				}
			}
		})

		if(!error){
			$.ajax({
				type: "POST",
				data:{flag:'submit', email:$("#email_nl").val()},
				url: $("#form_nl").attr("action"),
				success: function(html) {
					$("#form_nl").fadeOut(100, function(){
                        $("#nl_message_wrapper").fadeIn(400);
                    });
				}
			});
		}
	}

	$("#btn_nl_submit").click(function(){
		submit_nl();
	});

	$("#form_nl").submit(function(){
		submit_nl();
		return false;
	});

});