// JavaScript Document
/* jQuery select element skinning
 * version: 1.0.2 (17/01/2009)
 * @requires: jQuery v1.2 or later
 * adapted from Derek Harvey code  http://www.lotsofcode.com/javascript-and-ajax/jquery-select-box-skin.htm
 * Licensed under the GPL license  http://www.gnu.org/licenses/gpl.html
 * Copyright 2009 Colin Verot */
(function ($) {
    $.fn.select_skin = function (w) {
        return $(this).each(function(i) {
			var s;
			var c;
            s = $(this);
			var zeID = $(this).attr("id");
            // create the container
			if(zeID == "select_techno_populaire") {
				s.wrap('<div class="cmf-skinned-select2"></div>');
			} else {
            	s.wrap('<div class="cmf-skinned-select"></div>');
			}
            c = s.parent();
            c.children().before('<div class="cmf-skinned-text">&nbsp;</div>').each(function() {
                if (this.selectedIndex >= 0) $(this).prev().text(this.options[this.selectedIndex].innerHTML)
            });
            c.width(s.outerWidth()-2);
            c.height(s.outerHeight()-2);
            // skin the container
            c.css('background-color', s.css('background-color'));
            c.css('position', 'relative');
            // hide the original select
            s.css( { 'opacity': 0,  'position': 'relative', 'z-index': 100 } );
            // get and skin the text label
            var t = c.children().prev();
            t.height(c.outerHeight()-s.css('padding-top').replace(/px,*\)*/g,"")-s.css('padding-bottom').replace(/px,*\)*/g,"")-t.css('padding-top').replace(/px,*\)*/g,"")-t.css('padding-bottom').replace(/px,*\)*/g,"")-2);
            t.width(c.innerWidth()-s.css('padding-right').replace(/px,*\)*/g,"")-s.css('padding-left').replace(/px,*\)*/g,"")-t.css('padding-right').replace(/px,*\)*/g,"")-t.css('padding-left').replace(/px,*\)*/g,"")-c.innerHeight());
            t.css('color', s.css('color'));
            t.css('font-size', s.css('font-size'));
            t.css('font-family', s.css('font-family'));
            t.css('font-style', s.css('font-style'));
            t.css( { 'opacity': 100, 'overflow': 'hidden', 'position': 'absolute', 'text-indent': '0px', 'z-index': 1, 'top': 0, 'left': 0 } );
            // add events
            c.children().click(function() {
                t.text(this.options[this.selectedIndex].innerHTML);
            });
            c.children().change(function() {
                t.text(this.options[this.selectedIndex].innerHTML);
            });
        });
    }
}(jQuery));
$(document).ready(function() {
	$("a.choix_selected").corner("3px top");
	$(".boite_contenu_haut_gris").corner("3px top");
	jQuery("#select_techno_populaire").select_skin('#select_techno_populaire');	
	$(".boite_contenu_haut").corner("3px top");	
	$(".accueil_entete_matin_bleu").corner("3px top");
	$(".accueil_entete_matin_rouge").corner("3px top");
	$("#entete_accueil_matin").corner("3px");
	
	/*FONCTION d'animation de la liste de titres/images de la boîte bleue */
	$("ul.content li").mouseenter(function () {
		//trouver les id's et générer des variables
		var divID = $(this).closest("div.boite_contenu").attr("id");
		var sousdiv = $(this).closest("div.blogue_animation").attr("id");
		var imageID = $(this).attr("alt");
		//détecte quel est le div, et ensuite active/désactive le bg selon le <li> activé
		if(!$(this).hasClass("selected")) {
			$("#contenu_" + divID + "_nouveau #" + sousdiv + " ul.content li").removeClass("selected");
			$(this).toggleClass("selected");
		}
		//fait apparaître la bonne image dans le champ d'image
		if($("#contenu_" + divID + "_nouveau #" + sousdiv + " div.photo a img").attr("src")!=imageID) {
			$("#contenu_" + divID + "_nouveau #" + sousdiv + " div.photo a img").hide();
			$("#contenu_" + divID + "_nouveau #" + sousdiv + " div.photo a img").attr("src",imageID).show();
		}
	});
	//script pour changer les onglets populaire/nouveau sur accueil Techno
	/*$("ul#sousmenu1 li").click(function() {
		var choix_id=$(this).attr("id");
		if(choix_id == "nouveau") {
			$("#contenu_techno_populaire").hide();
			$("#haut_div_contenu_actualites").show();
			$("#div_sur_2_colonnes").show();
			$("#avant_bb1").show();
			$("#apres_bb1").show();
			$("#extra_contenu").show();
			$("#colonne_gauche_suite_contenu").show();
			$("ul#sousmenu1 li").removeClass("avecbg_blanc");
			$("ul#sousmenu1 li#"+choix_id).addClass("avecbg_blanc").corner("round top 3px");
		}
		if(choix_id == "populaire"){
			$("#contenu_techno_populaire").show();
			$("#haut_div_contenu_actualites").hide();
			$("#div_sur_2_colonnes").hide();
			$("#avant_bb1").hide();
			$("#apres_bb1").hide();
			$("#extra_contenu").hide();
			$("#colonne_gauche_suite_contenu").hide();
			$("ul#sousmenu1 li").removeClass("avecbg_blanc");
			$("ul#sousmenu1 li#"+choix_id).addClass("avecbg_blanc").corner("round top 3px");
		}
	});*/
	$("div#onglets_dernieres_actu div span").click(function() {
		var choix_id=$(this).attr("id");
		if(choix_id=="dernieres_actu_recents") {$("#contenu_dernieres_actu_populaire").hide();$("span#dernieres_actu_populaire").removeClass("on");}
		if(choix_id=="dernieres_actu_populaire") {$("#contenu_dernieres_actu_recents").hide();$("span#dernieres_actu_recents").removeClass("on");}
		$("#contenu_"+choix_id).show();
		$("span#"+choix_id).addClass("on");
	});
	
	$(".onchange_select_populaire").change(function () {
		var str = "";
		var id_select = $(this).attr("id");
		var nom_id = "";
		$("#"+ id_select +" option:selected").each(function () { str += $(this).text() + " "; });
		if(id_select == "select_techno_populaire") nom_id = "techno";
		if(str == "de la journée ") {
			$("#onglet_jour_visite_" + nom_id).css("display","block");
			$("#onglet_semaine_visite_" + nom_id).css("display","none");
			if(nom_id != "info") $("#onglet_mois_visite_" + nom_id).css("display","none");
		}
		if(str == "de la semaine ") {
			$("#onglet_jour_visite_" + nom_id).css("display","none");
			$("#onglet_semaine_visite_" + nom_id).css("display","block");
			if(nom_id != "info") $("#onglet_mois_visite_" + nom_id).css("display","none");
		}
		if(str == "du mois ") {
			$("#onglet_jour_visite_" + nom_id).css("display","none");
			$("#onglet_semaine_visite_" + nom_id).css("display","none");
			if(nom_id != "info") $("#onglet_mois_visite_" + nom_id).css("display","block");
		}
    }).change();
	//FONCTION pour adapter les vidéos YouTube/DailyMotion/Vimeo et autres aux grandeurs de notre template BV
	$('#colonne_centrale object, #colonne_centrale p object').css("margin","0 auto");
	/*$('#colonne_centrale object, #colonne_centrale object embed, #colonne_centrale p object embed').attr("width", function(){
		if($(this).attr('width') > 468) return 468;
		return $(this).attr('width') * 0.8;
	}); 			 		
	$('#colonne_centrale object, #colonne_centrale object embed, #colonne_centrale p object embed').attr("height", function(){
		return $(this).attr('height') * 0.8; 			
	});*/
	regexp = /\/meteo\//gi;
	var url_document = document.location; 
	//if( url_document.match(regexp) ) {} else {
		$('#colonne_centrale object, #colonne_centrale object embed, #colonne_centrale p object embed').each(function(){
			var targetWidth = 468;
			var initWidth;
			if($(this).attr('width') > targetWidth) {
				initWidth = $(this).attr("width");
				$(this).attr('height', ((targetWidth * $(this).attr('height'))/initWidth));
				$(this).attr('width', targetWidth);                       
			}   
		});
	//}
	//FONCTION pour adapter les images et iframes aux grandeurs de notre template BV
	$('#colonne_centrale img, #colonne_centrale iframe').attr("width", function(){
		initWidth = $(this).attr("width");
		if($(this).attr('width') > 468) {
			$(this).attr('height',((468 * $(this).attr('height'))/initWidth)); 
			return 468;
		}
		return $(this).attr('width') * 1;
	}); 
		 		

});