function initBouquets() {
	
	$("div.ongletDisplay").css("display","none");
	$("div.ongletDisplay.activated").css("display","block");
	
	$("div.bouquetDisplay").css("display","none");
	$("div.bouquetDisplay.activated").css("display","block");	
	$("div.bouquetDisplay .chaineContainer").hover(survol,quitSurvol);
	
	$("div.categorieDisplay").css("display","none");
	$("div.categorieDisplay.activated").css("display","block");
	$("div.categorieDisplay .chaineContainer").hover(survol,quitSurvol);
	filtrerChaineRecepteur();
}

function filtrerChaineRecepteur() {
	if ($("input#adsl").attr('checked') == false) {
		
			$(".chaineContainer").each(function(i) {
				$(this).css("display","none");
			});
	
			$("#formFiltreChaine input").each(function(e) {
				if ($(this).attr('checked') == true) {
					for (chaine in infoChaine[$(this).attr('value')]) {
						var myId = infoChaine[$(this).attr('value')][chaine];
						$("#"+myId).css("display","block");
					};
					
				}
			});
	}
	else {
		$(".chaineContainer").each(function(i) {
			$(this).css("display","block");
			for (chaine in infoChaine["exceptionAdsl"]) {
				var myId = infoChaine["exceptionAdsl"][chaine];
				$("#"+myId).css("display","none");
			};
			
		});
	}
}

function survol() {
	$(this).addClass("hovered");
}
function quitSurvol() {
	$(this).removeClass("hovered");
}

function afficheBouquet(leBouquet) 
{

	var link     = jQuery('#link'+leBouquet);
	var pack     = jQuery("#pack"+leBouquet);
	var lastPack = jQuery("div.bouquetDisplay.activated");
	
	if (leBouquet == 28) {
		//On reset l'affichage du menu
		jQuery.each(jQuery('li', '#list_link_tv'), function(index, value) {
			jQuery('a', value).removeClass('actif');
		});
		// On selectionne le "bouquet sport"
		jQuery('#bouquet-sport').addClass('actif');
	}
	
	jQuery("#menu_thematique a").removeClass("activatedLink");
	if (link.attr('id') != undefined) {
		link.addClass("activatedLink");
	}

	jQuery("#prixOffreAbonnement").empty().html($("div.detailOffre", "#pack"+leBouquet).html());

	if (lastPack.attr('id') != undefined) {
		lastPack.fadeOut(80, function() {
			pack.fadeIn('fast', function() { });
			lastPack.removeClass('activated');
			pack.addClass('activated');
		});
	} else {
		pack.fadeIn('fast', function() { });
		pack.addClass('activated');
	}
	return false;
}

function afficheCategorie(leBouquet, laCat) 
{
	
	var link    = jQuery('#link-cat'+laCat);
	var cat     = jQuery('#cat'+laCat);
	var lastCat = jQuery("div.categorieDisplay.activated");
	
	jQuery("#menu_thematique a").removeClass("activatedLink");
	if (link.attr('id') != undefined) {
		link.addClass("activatedLink");
	}
	
	jQuery("#prixOffreAbonnement").empty().html($("div.detailOffre", "#pack"+leBouquet).html());
	
	if (lastCat.attr('id') != undefined && lastCat != cat) {
		lastCat.fadeOut(80, function() {
			cat.fadeIn('fast', function() { });
			lastCat.removeClass('activated');
			cat.addClass('activated');
		});
	} else {
		cat.fadeIn('fast', function() { });
		cat.addClass('activated');
	}
	return false;
}

function afficheOnglet(ongletId) 
{
	
	jQuery("div.bouquetDisplay").css("display","none");
	jQuery("div.bouquetDisplay.activated").css("display","block");
	
	var onglet = jQuery('#offres'+ongletId);
	var lastOnglet = jQuery("div.ongletDisplay.activated");
	
	// On indique le lien a activer dans le menu de gauche
	var link_in_list = "";
	switch (ongletId)
	{
	case 1:
		link_in_list = "orange-tv";
		break;
	case 2:
		link_in_list = "cinema-series";
		break;
	case 3:
		link_in_list = "orange-sport";
		break;
	case 4:
		link_in_list = "bouquet-sport";
		break;
	case 5:
		link_in_list = "plus-de-bouquets";
		break;
	case 6:
		link_in_list = "bouquets-internationaux";
		break;
	}
	//On reset l'affichage du menu
	jQuery.each(jQuery('li', '#list_link_tv'), function(index, value) {
		jQuery('a', value).removeClass('actif');
	});
	jQuery('#'+ link_in_list).addClass('actif');
	
	if (onglet.attr('id') != undefined) {
		if (lastOnglet.attr('id') != undefined) {
			lastOnglet.fadeOut(80, function() {
				onglet.fadeIn('fast', function() { });
				lastOnglet.removeClass('activated');
				onglet.addClass('activated');
				packId = jQuery("div.bouquetDisplay", "#offres"+ongletId).attr('id').replace('pack', '');
				if (jQuery("div.categorieDisplay", "#offres"+ongletId).attr('id') != undefined) {
					afficheCategorie(packId, jQuery("div.categorieDisplay", "#offres"+ongletId).attr('id').replace('cat', ''));
				} else {
					afficheBouquet(packId);
				}
			});
		} else {
			onglet.fadeIn('fast', function() { });
			onglet.addClass('activated');
			packId = jQuery("div.bouquetDisplay", "#offres"+ongletId).attr('id').replace('pack', '');
			if (jQuery("div.categorieDisplay", "#offres"+ongletId).attr('id') != undefined) {
				afficheCategorie(packId, jQuery("div.categorieDisplay", "#offres"+ongletId).attr('id').replace('cat', ''));
			} else {
				afficheBouquet(packId);
			}
		}
	}
	return false;
}

// On redefinie la fonction indexOf sur les objet de type Array pour les navigateur qui ne l'ont pas
if(!Array.indexOf){
	Array.prototype.indexOf = function(obj){
		for(var i=0; i<this.length; i++){
			if(this[i]==obj) {
				return i;
			}
		}
		return -1;
	}
}

var caddy = {
	"data": new Array(),
	"price": 0,
	"add": function(id) {
		if (this.data.indexOf(id) == -1) {
			// On ajoute l'id au "caddy"
			this.data.push(id);
			// On regenere le champ hidden
			jQuery("#caddySelection").val(this.data.join(';'));
			
			// On recupere les infos du bouquet
			packName = $("#name"+ id).attr('value');
			packPromo = $("#promo"+ id).attr('value');
			if (packPromo != '') {
				packPromo = '<br /><strong>Promo: '+ packPromo +'</strong>';
			}
			nbElem = this.data.length + 1;
			// On ajoute le div contenant les informations au rendu du caddy
			jQuery("div.packageList", "#visualCaddy").append('<div>' +  '<a href="#" onClick="javascript:caddy.remove('+ id +');return false;"><img src="/images/boutique-orange/puce-sup.png" alt="supprimer" height="15" width="14" title="retirer de ma sélection"/></a>' + nbElem +'. '+ packName + packPromo +'</div>');
			
			// On met a jour le prix total de la selection
			var newPrice = parseFloat(caddy.price) + parseFloat($("#price"+ id).attr('value'));
			this.setPrice(newPrice);
		} 
	},
	"remove": function(id) {
		if (this.data.indexOf(id) != -1) {
			// On enleve l'id au "caddy"
			this.data.splice(this.data.indexOf(id),1);
			// On regenere le champ hidden
			jQuery("#caddySelection").val(this.data.join(';'));
			
			// On regenere le panier
			this.init();
		}
	},
	"setPrice": function(newPrice) {
		// On met a jour le prix total de la selection
		this.price = parseFloat(newPrice).toFixed(2);
		if (this.price > 0) {
			jQuery("div.caddyPrice", "#visualCaddy").empty().html(this.price +' &euro;');
		} else {
			jQuery("div.caddyPrice", "#visualCaddy").empty().html('inclus');
		}
	},
	"init": function() {
		// On vide le caddy et on reset le prix
		this.data = new Array();
		this.price = 0;
		// On affiche dans le rendu du caddy les elements selectionnes par le client
		jQuery("div.packageList", "#visualCaddy").empty().html('<div><span>1. Bouquet Orange TV</span></div>');
		caddyValue = $("#caddySelection").val();
		if (caddyValue != '') {
			var temp = caddyValue.split(';');
			for (i=0; i<temp.length; i++ ) {
				this.add(parseInt(temp[i]));
			}
		}
		this.setPrice(this.price);
	}
}

function affiche_cgv_tv(e) 
{
	var evt = e || window.event;
	var evtTarget = evt.target || evt.srcElement;
	var currentElement = jQuery("p.bloc_conditions_tv", "#prixOffreAbonnement");
	
	if (currentElement.css('display') == 'block'){
		evtTarget.className = 'titre_conditions_open';
		currentElement.css("display","none");
	} else {
		evtTarget.className = 'titre_conditions_close';
		currentElement.css("display","block");
	}
}