// JavaScript Document

////////////////////////////////////////////////////////////////
// Données /////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////

// Texte anglais : <div class=\"english\">
// Manque "2009-BAB2083WTE",

var categories = ["Sèche-cheveux <span class=\"english-cat\">/ Hair dryers</span>","Pinces à lisser <span class=\"english-cat\">/ Straighteners</span>","Fers à boucler <span class=\"english-cat\">/ Curling irons</span>","VOLARE","BaByliss PRO Academy"];
var movies = new Array(
	// Sèche-cheveux >>>
	["10-gamme",
	 "10-vincero",
	 "10-veneziano",
	 "10-tiziano",
	 "10-caruso",
	 "10-murano"],
	// Pinces à lisser >>>
	["11-tuto-BAB2095E",
	 "11-tuto-BAB2074E",
	 "11-tuto-BAB2083WTE",
	 "11-BAB2074E",
	 "08-BAB2091E",
	 "08-BAB2075E",
	 "09-BAB2071E",
	 "09-BAB2073E",
	 "09-BAB2655NTE",
	 "08-BAB2072E",
	 "07-b9"],
	// Fers à boucler >>>
	["11-tuto-BAB2269TTE",
	 "07-b6",
	 "07-b7"],
	// Volare >>>
	["10-volare",
	 "10-mo_volare"],
	// BaByliss PRO academy >>>
	["11-tuto-BAB2095E",
	 "11-tuto-BAB2074E",
	 "11-tuto-BAB2083WTE",
	 "11-tuto-BAB2269TTE",
	 "08-BAB2091E",
	 "07-b4",
	 "07-b6",
	 "07-b7",
	 "07-b10",
	 "07-b11",
	 "07-b12",
	 "07-b13"]
);
var titres = new Array(
	// Sèche-cheveux >>>
	["Gamme Made in Italy",
	 "Vincerò (BAB6400IE)",
	 "Veneziano (BAB6610INE)",
	 "Tiziano (BAB6300E & BAB6310E)",
	 "Caruso (BAB6500E & BAB6510IE)",
	 "Murano (BAB6160INE)"],
	// Pinces à lisser >>>
	["Court funky (BAB2095E)",
	 "Des longueurs vintage (BAB2074E)",
	 "Rock’n’roll attitude (BAB2083WTE)",
	 "American C Styler (BAB2074E)",
	 "BAB2091E",
	 "Steam sensation (BAB2075E)",
	 "Ultra Curl (BAB2071E)",
	 "Wet and dry (BAB2073E)",
	 "Nanotitanium (BAB2655NTE)",
	 "Sleek expert (BAB2072E)",
	 "The straightener (BAB2091E)"], // B9
	// Fers à boucler >>>
	["Romance (BAB2269TTE)",
	 "Glamour attitude", // B6
	 "Funny waves"], // B7
	// Volare >>>
	["VOLARE",
	 "Making of shooting VOLARE 2010"],
	// BaByliss PRO academy >>>
	["Court funky (BAB2095E)",
	 "Des longueurs vintage (BAB2074E)",
	 "Rock’n’roll attitude (BAB2083WTE)",
	 "Romance (BAB2269TTE)",
	 "BAB2091E",
	 "Urban style (BAB5586E)", // B4
	 "Glamour attitude", // B6
	 "Funny waves", // B7
	 "Str8 (BAB2091E)", // B10
	 "Sleak and fresh", // B11
	 "Tribal style (FX770E)", // B12
	 "Dessin sur cheveux (FX770E)"] // B13
);
var infos = new Array(
	// Sèche-cheveux >>>
	["<strong>Gamme Made in Italy</strong><br />Une gamme complète de sèche-cheveux professionnels, fruits d’une étroite collaboration avec des experts en la matière et issus de centres de R&D et de production BaByliss PRO.<div class=\"english\">A full range of professional hair dryers, the fruit of close cooperation with experts in the field and of  our own R&D and production centres.</div>",
	 "<strong>Vincerò (BAB6400IE)</strong><br />Un modèle à l’allure classique, puissant (2000W) et ionique.",
	 "<strong>Veneziano (BAB6610INE)</strong><br />Un modèle classieux et raffiné, tout en courbes, compact, léger, ionique et puissant (2200W).<br />Une belle ligne qui comblera les esthètes.",
	 "<strong>Tiziano (BAB6300E & BAB6310E)</strong><br />Un modèle de tradition où la puissance garantit d’excellentes performances.<br />(BAB6300E 1900W) • (BAB6310E 2100W)",
	 "<strong>Caruso (BAB6500E & BAB6510IE)</strong><br />Un modèle à l’allure racée, sportive, léger et très puissant.<br />Idéal pour les chevelures difficiles. Il séduira les stylistes urbains et les professionnels les plus exigeants.<br />2200W (BAB6500E) • 2400W (BAB6510IE)",
	 "<strong>Murano (BAB6160INE)</strong><br />Un modèle léger, ultra compact (16.5cm de la sortie d’air au filtre arrière), ionique et puissant (2000W).<br />Un petit bijou racé qui séduira les stylistes branchés et urbains."],
	// Pinces à lisser >>>
	["<strong>Court funky (BAB2095E)</strong><br />Le Must Styler (BAB2095E) fait du lissage et de la réalisation de boucles un exercice plus simple et plus rapide que jamais.<br /><div class=\"english\">The Must Styler (BAB2095E) makes straightening and curling easier and faster than ever.</div>",
	 "<strong>Des longueurs vintage (BAB2074E)</strong><br />L'American C-Styler (BAB2074E) de BaByliss PRO permet de réaliser une infinie variété de boucles et d'ondulations ainsi qu'un lissage parfait.<br /><div class=\"english\">BaByliss PRO American C-Styler (BAB2074E) allows to achieve an infinite variety of hair styles, curls, waves and flips as well as a perfect straightening</div>",
	 "<strong>Rock’n’roll attitude (BAB2083WTE)</strong><br />Le Steam Breeze (BAB2083WTE) est un véritable spa capillaire thérapeutique de remise en forme de la chevelure.<br /><div class=\"english\">The Steam Breeze (BAB2083WTE), a pure concentrated technology (Nanotitanium – Sol-Gel) which at the same time will heal and sleek the hair fibre.</div>",
	 "<strong>BAB2074E</strong><br />Boucle, ondule et lisse – Fashion look et glamour.<br /><div class=\"english\">Curl, wave, flip or straighten – Fashion look and glamour.</div>",
	 "<strong>BAB2091E</strong><br />Pour réaliser des boucles sublimes en un seul geste et d’un seul coup de main avec une pince à lisser.<br /><div class=\"english\">Create perfect curls with only 1 hand in 1 smooth stroke with a straightener.</div>",
	 "<strong>Steam sensation (BAB2075E)</strong><br />Découvrez un bien-être absolu issu d’une technologie révolutionnaire, une efficacité inédite dans le soin du cheveu.<br />Le Steam Sensation (BAB2075E) est un véritable spa capillaire thérapeutique de remise en forme.<br /><div class=\"english\">Discover an absolute well being issued from a revolutionary technology with a unique beauty hair result.<br />The Steam sensation (BAB2075E) is a real miniaturized hair therapy of well-being a hand away.</div>",
	 "<strong>Ultra Curl (BAB2071E)</strong><br />Un système de réalisation de boucle mais aussi un lissage révolutionnaire.<br /><div class=\"english\">Revolutionary curling but also straightening system.</div>",
	 "<strong>Wet and dry (BAB2073E)</strong><br />Un système d’aération exclusif permet l’utilisation du lisseur sur cheveux humides.<br /><div class=\"english\">An exclusive ventilation system lets you use the straightener on damp hair.</div>",
	 "<strong>Nanotitanium (BAB2655NTE)</strong><br />Système de verrouillage pour mise à température encore plus rapide.<br />Un peigne amovible se place sur le côté droit ou gauche de la plaque pour un meilleur contrôle de la mèche.<br /><div class=\"english\">Locking system fir even faster heat-up and easier storage.<br />A removable comb can be placed on left or right side of the plate for a better control of the hair.</div>",
	 "<strong>Sleek expert (BAB2072E)</strong><br />1 seul passage de la pince suffit pour obtenir un lissage parfait.<br />Son design permet la réalisation de boucles.<br /><div class=\"english\">Glide it once for a perfect straightening. Its special design allows it to be used as a curler.</div>",
	 "<strong>The straightener (BAB2091E)</strong><br />Un seul passage de la pince suffit pour un lissage parfait.<br /><div class=\"english\">Glide it just once.</div>"], // B9
	// Fers à boucler >>>
	["<strong>Romance (BAB2269TTE)</strong><br />Utilisez le fer à onduler triple (BAB2269TTE) pour des ondulations glamour et structures.<br /><div class=\"english\">Use the BaByliss Pro Tourmaline triple barrel waver  to create superb soft waves.</div>",
	 "<strong>Glamour attitude</strong>", // B6
	 "<strong>Funny waves</strong>"], // B7
	// Volare >>>
	["<strong>VOLARE</strong><br />BaByliss PRO présente le premier sèche-cheveux professionnel muni d’un moteur développé en collaboration avec l’équipe FERRARI Challenge.<br /><div class=\"english\">BaBylissPRO has introduced the first professional luxury hair dryer driven by an engine developed in collaboration with the FERRARI Challenge Team.</div>",
	 "<strong>Making of shooting VOLARE 2010</strong>"],
	// BaByliss PRO academy >>>
	["<strong>Court funky (BAB2095E)</strong><br />Le Must Styler (BAB2095E) fait du lissage et de la réalisation de boucles un exercice plus simple et plus rapide que jamais.<br /><div class=\"english\">The Must Styler (BAB2095E) makes straightening and curling easier and faster than ever.</div>",
	 "<strong>Des longueurs vintage (BAB2074E)</strong><br />L'American C-Styler (BAB2074E) de BaByliss PRO permet de réaliser une infinie variété de boucles et d'ondulations ainsi qu'un lissage parfait.<br /><div class=\"english\">BaByliss PRO American C-Styler (BAB2074E) allows to achieve an infinite variety of hair styles, curls, waves and flips as well as a perfect straightening</div>",
	 "<strong>Rock’n’roll attitude (BAB2083WTE)</strong><br />Le Steam Breeze (BAB2083WTE) est un véritable spa capillaire thérapeutique de remise en forme de la chevelure.<br /><div class=\"english\">The Steam Breeze (BAB2083WTE), a pure concentrated technology (Nanotitanium – Sol-Gel) which at the same time will heal and sleek the hair fibre.</div>",
	 "<strong>Romance (BAB2269TTE)</strong><br />Utilisez le fer à onduler triple (BAB2269TTE) pour des ondulations glamour et structures.<br /><div class=\"english\">Use the BaByliss Pro Tourmaline triple barrel waver  to create superb soft waves.</div>",
	 "<strong>BAB2091E</strong><br />Pour réaliser des boucles sublimes en un seul geste et d’un seul coup de main avec une pince à lisser.<br /><div class=\"english\">Create perfect curls with only 1 hand in 1 smooth stroke with a straightener.</div>",
	 "<strong>Urban style (BAB5586E)</strong>", // B4
	 "<strong>Glamour attitude</strong>", // B6
	 "<strong>Funny waves</strong>", // B7
	 "<strong>Str8 (BAB2091E)</strong><br />Pour un lissage parfait", // B10
	 "<strong>Sleak and fresh</strong><br />Pour une coupe aérienne", // B11
	 "<strong>Tribal style (FX770E)</strong>", // B12
	 "<strong>Dessin sur cheveux (FX770E)</strong>"] // B13
);

////////////////////////////////////////////////////////////////
// Initialisation des var //////////////////////////////////////
////////////////////////////////////////////////////////////////

var nb_movie = 4;
var current_categ = 0;
var current_page = 1;
var current_movie = 0;
var current_moviecat = 0;

////////////////////////////////////////////////////////////////
// Fonctions ///////////////////////////////////////////////////
////////////////////////////////////////////////////////////////

// Change de vidéo >>>
function changeMovie(id){
	document.getElementById("id_player").playMovie("http://www.babylisspro.tv/movie/"+movies[current_categ][id]);
	// Affichage bouton download >>>
	showDownload(id);
}

// Affichage bouton download >>>
function showDownload(id){
	document.getElementById('div_download').innerHTML = '<a href="download/dl.php?movie='+movies[current_categ][id]+'"><img src="images/bt_download.jpg" width="123" height="17" border="0" /></a>';
}

// Change de catégorie >>>
function changeCateg(id){
	current_categ = id;
	current_page = 1;
	showCateg(id);
	showListe(current_page);
}

// Bascule les miniatures en ON/OFF >>>
function miniatOnOff(id){
	current_movie = id;
	current_moviecat = current_categ;
	showListe(current_page);
}

// Affiche le titre de la vidéo >>>
function showInfo(id){
	document.getElementById('div_title').innerHTML = "<strong>"+titres[current_categ][id]+"</strong>";
}

// Affiche les catégories >>>
function showCateg(id){
	current_categ = id;
	var liste = "";
	for (var i=0; i<categories.length; i++){
		liste += "&bull; ";
		if (id!=i) liste += '<a href="#" onclick="changeCateg('+i+');">';
		else liste += '<strong>';
		liste += categories[i];
		if (id!=i) liste += '</a>';
		else liste += '</strong>';
		liste += '<br />';
	}
	document.getElementById('div_categ').innerHTML = liste;
}

// Cherche à quelle page est listé le film >>>
function getPage(movie){
	for (var i=0; i<movies.length; i++){
		for (var j=0; j<movies[i].length; j++){
			if (movie==movies[i][j]){
				current_movie = j;
				return Math.ceil((j+1)/4);
			}
		}
	}
	return 0;
}

// Cherche à quelle catégorie appartient le film >>>
function getCateg(movie){
	for (var i=0; i<movies.length; i++){
		for (var j=0; j<movies[i].length; j++){
			if (movie==movies[i][j]){
				current_categ = i;
				current_moviecat = i;
				return i;
			}
		}
	}
	return 0;
}

// Affiche la liste des vidéos >>>
function showListe(pg){	
	current_page = pg;
	var liste = "";
	var end = (pg*4)-1;		// Numéro de la dernière miniature
	var start = end-3;		// Numéro de la première miniature
	for (var i=start; i<=end && i<movies[current_categ].length; i++){
/*		if (current_movie!=i || current_categ!=current_moviecat)*/ liste += '<a href="#" class="info_bulle" target="_self" onclick="showInfo('+i+'); changeMovie('+i+'); miniatOnOff('+i+');">';
		if (current_movie!=i || current_categ!=current_moviecat) liste += '<img src="miniatures/'+movies[current_categ][i]+'_off.jpg" width="165" height="99" hspace="22" border="0" id="miniat'+i+'" />';
		else liste += '<img src="miniatures/'+movies[current_categ][i]+'.jpg" width="165" height="99" hspace="22" border="0" id="miniat'+i+'" />';
		// Info-bulle >>>
/*		if (current_movie!=i || current_categ!=current_moviecat)*/ liste += '<span>'+infos[current_categ][i]+'</span>';
/*		if (current_movie!=i || current_categ!=current_moviecat)*/ liste += '</a>';
	}
	document.getElementById('div_movieliste').innerHTML = liste;
	
	// Affichage du bouton Previous >>>
	if (pg>1) document.getElementById('div_previous').innerHTML = '<a href="#" onclick="showListe(current_page-1);"><img src="images/previous.jpg" width="37" height="99" alt="Pr&eacute;c&eacute;dent" border="0" /></a>';
	else document.getElementById('div_previous').innerHTML = '<img src="images/previous_off.jpg" width="37" height="99" alt="Pr&eacute;c&eacute;dent" border="0" />';

	// Affichage du bouton Next >>>
	if (pg*4<movies[current_categ].length)
	document.getElementById('div_next').innerHTML = '<a href="#" onclick="showListe(current_page+1);"><img src="images/next.jpg" alt="Suivant" width="37" height="99" border="0" /></a>';
	else document.getElementById('div_next').innerHTML = '<img src="images/next_off.jpg" alt="Suivant" width="37" height="99" border="0" />';
}