/*
@Site : GTOI RDT
@author : MANOWARALY Houz�fa
@date : 25.06.2009
@file : code_h.js
@description : Gestion de la page attestation, bibliotheque, videotheque
*/

/******************************* VARIABLES ********************************/

//Tableau utiliser pour la bibliotheque
var coordylivre = [103,152,201,250,103,152,201,250];
//Tableau utiliser pour la videotheque
var coordyvideo = [103,141,179];
var str = "";
//Liste des image pour les attestations
var liste = new Array('attes_2','attes_3','attes_4','attes_vide','attes_6','attes_7','attes_8','attes_9','attes_10','attes_11','attes_12','attes_13','attes_14','attes_15');


/******************************* FONCTIONS ********************************/

//prechargement des images pour les hovers
function preload_image() {
	var chemin = "img/";
	var ext = ".png";
	var liste_images = new Array('attes_2','attes_3','attes_4','attes_6','attes_7','attes_8','attes_9','attes_10','attes_11','attes_12','attes_13','attes_14','attes_15');
	document.image_chargee = new Array();
	for ( i = 0; i < liste_images.length; i++ ) {
		document.image_chargee[i] = new Image;
		document.image_chargee[i].src = chemin + liste_images[i] + ext;
	}
}


//Utiliser pour le hover dans les attestations
function changerImage(id_image) {
	$('img_hover').style.background= 'url(img/'+ liste[id_image] +'.png)';
	if (navigator.appName=="Microsoft Internet Explorer") 
	{$('img_hover').style.display = 'block';}
	else
		{Effect.Appear('img_hover', { duration: 0.4 });}
}


function masquerImage(id_image) {
	$('img_hover').style.display = 'none';
}

function lienPdf(id_pdf) {
	location.href="doc/"+id_pdf+".pdf";
}

function changerSelection(indice,coordonee) {
	posy = coordonee[indice];
	new Effect.Move('biblio_selection', { x: 77, y: posy, mode: 'absolute', duration: 0.4 });
}

function lireLivre(rel) {
	window.open("./doc/GTOI_Revue"+rel+"/", "_blank", "toolbar=no, directories=no, menubar=no, resizable=no, scrollbars=yes");
}

function dlVideo(rel) {
	window.open("./video/video_"+rel+".avi", "_blank", null);
}
//On precache les image en hover pour eviter le flickering
preload_image();

/********************************* ajout guillaume -  fonctions pour appeller les photos ***********/
function obtenirPhotos()
{
		 if($('photo_charge').innerHTML == '') $('photo_charge').style.borderTop='1px solid #B1B3B4';
		 //$('photo_charge').update();
	     //$("lesvilles").disabled=true;
		 new Ajax.Updater('retour_photos',
		 'php/obtenir_photos.php', 
		 {asynchronous:true, 
		 evalScripts:true, 
		 parameters:Form.serialize('form_photos'), 
		 requestHeaders:['X-Update', 'letemp'],
		 onCreate : function()
		 {
		 	$('chargement_photo').style.display = 'block';
		 },
		 onSuccess : function(t)
		 {
		 	$('chargement_photo').style.display = 'none';
			pageTracker._trackPageview("/obtenir_photos.php" );
		 }
		 }) ;
}


function valider_form_demande(obj)
{
	url = 'php/envoyer_demande.php';
	pars = obj.serialize();
	//alert(pars);
	new Ajax.Request(
	 url,
	 {
	 method:'get',
	 parameters: pars,
	 evalJS:'force',
	 onCreate : function()
	 {
		 afficheCache('img.loader_temp_img_spec1','input.loader_temp_img_spec2');
	 },
	 onSuccess: function(transport)
	 	{
	 	 afficheCache('input.loader_temp_img_spec2','img.loader_temp_img_spec1');
	 	temp = (transport.responseText);
 			if(temp !=1)
 			{
 				//alert(temp);
 				Dialog.alert(temp, {className:"alphacube" ,windowParameters: {width:350, height:65}, okLabel: "fermer"});
 			}
 			else
 			{
 				//alert('envoi effectué');
				pageTracker._trackPageview("/envoyer_demande.php" );
 				Dialog.alert('votre demande a été envoyé.<br/>Vous recevrez un email sous réserve de validation de votre requête.', {className:"alphacube" ,windowParameters: {width:390, height:70}, okLabel: "fermer"});
 			}
		},
	onFailure: function()
		{ 
			alert('Une erreur est survenue, veuillez reessayer plus tard');
			 afficheCache('input.loader_temp_img_spec2','img.loader_temp_img_spec1');
		}
	});
	
}

function afficheCache(affiche,cache)
{
	$$(cache).each(function(s) {
		s.style.display='none';
	});
	
	$$(affiche).each(function(s) {
		s.style.display='block';
	});
}

function afficheForm()
{
	$$('form.form_demande').each(function(s) {
		Effect.Appear(s);
	});
}

/************************* chargment d une grande photo ***********************/
/*function chargerPhotos(obj,type)
{
	 	new Ajax.Updater('photo_charge',
		 'php/charger_une_photo.php', 
		 {asynchronous:true, 
		 evalScripts:true, 
		 parameters:"src="+obj.alt+"&type="+type+"&lid="+obj.id, 
		 requestHeaders:['X-Update', 'letemp'],
		 onCreate:function(){
		 	$('chargement_image').style.display='block';
		 },
		 onSuccess:function(){
		 	$('chargement_image').style.display='none';
		 	$('photo_charge').style.border='none';
		 }
		 }) ;
}*/

function chargerPhotos(objalt,objid,type)
{
		/*
		*/
		
		
		/*
		*/
	 	new Ajax.Updater('photo_charge',
		 'php/charger_une_photo.php', 
		 {asynchronous:true, 
		 evalScripts:true, 
		 parameters:"src="+objalt+"&type="+type+"&lid="+objid, 
		 requestHeaders:['X-Update', 'letemp'],
		 onCreate:function(){
		 
		 	
		 	/*changement des tailes en fonction de l image*/
		 	/*if(type=="h")
		 	{
		 		$('chargement_image').style.height = '186px';
		 		$('chargement_image').style.width = '280px';
		 	}
		 	else
		 	{
		 		$('chargement_image').style.height = '280px';
		 		$('chargement_image').style.width = '186px';
		 	}*/
		 	
		  /*	$('chargement_image').style.height = '28px';
		 		$('chargement_image').style.width = '28px';*/
		 
		 	$('chargement_image').style.display='block';
		 },
		 onSuccess:function(){
		 	$('chargement_image').style.display='none';
		 	$('photo_charge').style.borderTop='1px solid transparent';
		 	Nom = navigator.appName;
			ie6 = (Nom == 'Microsoft Internet Explorer' && BrowserDetect.version <= 6 ) ? 1:0
			if(ie6)$('photo_charge').style.borderTop='1px solid #CCC';
		 	$('photo_charge_int').style.border='none';
		 
		 }
		 }) ;
}

function changerPage() {

	//Gestion de l'actif passif
	$$('div.biblio_livre_titre_actif').each(function(s) {
				$(s).removeClassName('biblio_livre_titre_actif');
				$(s).addClassName('biblio_livre_titre');
	});
	
	$$('.gal_actif').each(function(s){
			$(s).removeClassName('gal_actif');
			$(s).addClassName('display_none');
	});
		
	if($('page_2').style.display == 'none') {
		$('page_1').style.display = "none";
		$('page_1').style.left = "100px";
		$('page_2').style.display = "block";
		new Effect.Move('page_2', {
				x: 100, 
				transition: Effect.Transitions.spring 
		});
		$('biblio_page_suivante').innerHTML = "<< les livres";

		id = 4;
		$('lien_'+id).removeClassName('biblio_livre_titre');
		$('lien_'+id).addClassName('biblio_livre_titre_actif');
		$('biblio_apercu_'+id).removeClassName('display_none');
		$('biblio_apercu_'+id).addClassName('gal_actif');
		$('lire_livre').writeAttribute("rel",4);
		
	}
	else {
		$('page_2').style.display = "none";
		$('page_2').style.left = "-100px";
		$('page_1').style.display = "block";
		new Effect.Move('page_1', {
				x: -100, 
				transition: Effect.Transitions.spring 
		});
		$('biblio_page_suivante').innerHTML = "les rapports >>";
		
		id = 0;
		$('lien_'+id).removeClassName('biblio_livre_titre');
		$('lien_'+id).addClassName('biblio_livre_titre_actif');
		$('biblio_apercu_'+id).removeClassName('display_none');
		$('biblio_apercu_'+id).addClassName('gal_actif');
		$('lire_livre').writeAttribute("rel",0);

		
	}
	changerSelection(0,coordylivre); //On remet le selection en position initiale!
}
/************************** charge ***********************/




/******************************* LISTENERS ********************************/
Event.observe(window, 'load', function() {


//## Listener pour les attestations
$$('tr.ligne_tableau').each(function(s) {
		Event.observe(s,'mouseover',function() {
			var stri = s.id;
			var temp = stri.split('_');
			var id = temp[1]-2;
			changerImage(id);
		});
	});

$$('tr.ligne_tableau').each(function(s) {
		Event.observe(s,'mouseout',function() {
			masquerImage(s.id);
	});
});

$$('div.biblio_page_suivante').each(function(s) {
		Event.observe(s,'click',function() {
				$('biblio_page_suivante').style.display = 'none';
				changerPage();
				setTimeout("$('biblio_page_suivante').show()",200);
	});
});

$$('tr.ligne_tableau').each(function(s) {
		Event.observe(s,'click',function() {
			var stri = s.id;
			var temp = stri.split('_');
			var id = temp[1];
			lienPdf(s.title);
	});
});

//## Listener pour la bibliotheques
$$('div.biblio_livre_titre').each(function(s) {
		Event.observe(s,'click',function() {
			var stri = s.id;
			var temp = stri.split('_');
			var id = temp[1];
			changerSelection(temp[1],coordylivre);
			
			//Gestion des liens actifs
			$$('div.biblio_livre_titre_actif').each(function(s) {
				$(s).removeClassName('biblio_livre_titre_actif');
				$(s).addClassName('biblio_livre_titre');
			});
			$(s.id).removeClassName('biblio_livre_titre');
			$(s.id).addClassName('biblio_livre_titre_actif');
			
			//On charge le contenu via charger_livre.php
			$$('.gal_actif').each(function(s){
				$(s).removeClassName('gal_actif');
				$(s).addClassName('display_none');
			})
			$('biblio_apercu_'+id).removeClassName('display_none');
			$('biblio_apercu_'+id).addClassName('gal_actif');
			//On met a jour la selection pour le lien feuilleter ce livre
			$('lire_livre').writeAttribute("rel",temp[1]);

		});
});

$$('a.lire_livre').each(function(s) {
		Event.observe(s,'click',function() {
			lireLivre(s.rel);
		});
});

$$('a.dl_video').each(function(s) {
		Event.observe(s,'click',function() {
			dlVideo(s.rel);
		});
});

//## Listeners pour la videotheques
$$('div.video_livre_titre').each(function(s) {
		Event.observe(s,'click',function() {
			var stri = s.id;
			var temp = stri.split('_');
			var id = temp[1];
			$('videoGTOI').SetVariable("player:jsPlay", temp[1]);
			$('videoGTOI').SetVariable("player:jsStop","");
			changerSelection(temp[1],coordyvideo);
			//Gestion des liens actifs
			$$('div.video_livre_titre_actif').each(function(s) {
				$(s).removeClassName('video_livre_titre_actif');
				$(s).addClassName('video_livre_titre');
			});
			$(s.id).removeClassName('video_livre_titre');
			$(s.id).addClassName('video_livre_titre_actif');
			$('dl_video').writeAttribute("rel",temp[1]);

			
		});
});

//## Listeners pour la phototheque
$$('label.site').each(function(s) {
		Event.observe(s,'click',function() {
			//Gestion du bug de label sous ie
			if (navigator.appName=="Microsoft Internet Explorer") {
			$('span_metier').style.backgroundPosition = "0 -25px";
			$('span_theme').style.backgroundPosition = "0 -25px";
			$('site').checked = true;
			$('span_site').style.backgroundPosition = "0 -" + 25*2 + "px";
			}
			$('photo_recherche_metier').style.display = "none";
			$('photo_recherche_theme').style.display = "none";
			Effect.Appear('photo_recherche_site', { duration: 0.4 });
		});
});


$$('label.metier').each(function(s) {
		Event.observe(s,'click',function() {
			//Gestion du bug de label sous ie
			if (navigator.appName=="Microsoft Internet Explorer") {
			$('span_theme').style.backgroundPosition = "0 -25px";
			$('span_site').style.backgroundPosition = "0 -25px";
			$('metier').checked = true;
			$('span_metier').style.backgroundPosition = "0 -" + 25*2 + "px";
			}
			$('photo_recherche_site').style.display = "none";
			$('photo_recherche_theme').style.display = "none";
			Effect.Appear('photo_recherche_metier', { duration: 0.4 });
		});
});

$$('label.theme').each(function(s) {
		Event.observe(s,'click',function() {
			//Gestion du bug de label sous ie
			if (navigator.appName=="Microsoft Internet Explorer") {
			$('span_metier').style.backgroundPosition = "0 -25px";
			$('span_site').style.backgroundPosition = "0 -25px";
			$('theme').checked = true;
			$('span_theme').style.backgroundPosition = "0 -" + 25*2 + "px";
			}
			$('photo_recherche_site').style.display = "none";
			$('photo_recherche_metier').style.display = "none";
			Effect.Appear('photo_recherche_theme', { duration: 0.4 });
		});
});

var tempi=0;
$$('label.couleur').each(function(s) {
		Event.observe(s,'click',function() {
		
			//alert(s.innerHTML);
			//Gestion du bug de label sous ie
			temp=1;
			
			Nom = navigator.appName;
			ie6 = (Nom == 'Microsoft Internet Explorer' && BrowserDetect.version <= 6 ) ? 1:0
		
			
		
			//alert(s.innerHTML);
				if($('var_lid').value == '' && $('tempb').innerHTML == 1 && !ie6)
				{
					var contenu = 'Veuillez d\'abord choisir un site, un métier ou un thème';
					Dialog.alert(contenu, {className:"alphacube" ,windowParameters: {width:350, height:65}, okLabel: "ok"});
					$('tempb').innerHTML = 0;
						 return;
				}
				/*cas ie6*/
				if($('var_lid').value == '' && ie6)
				{
					var contenu = 'Veuillez d\'abord choisir un site, un métier ou un thème';
					Dialog.alert(contenu, {className:"alphacube" ,windowParameters: {width:350, height:65}, okLabel: "ok"});
					$('tempb').innerHTML = 0;
						 return;
				}
				
				if($('tempb').innerHTML == 0 && !ie6)
				{
					$('tempb').innerHTML = 1;
						 return;
				}
				else
				{
					/*alors tempb vaut 1*/
					$('tempb').innerHTML = 0;
					
				}
			
			
			obtenirPhotos();
		});
	
});


if($('l_rvb')) {
Event.observe('l_rvb','click',function(){

	if (navigator.appName=="Microsoft Internet Explorer") {
		$('span_nb').style.backgroundPosition = "0 -25px";
		$('span_rvb').style.backgroundPosition = "0 -" + 25*2 + "px";
		$('rvb').checked = true;
		}
});

Event.observe('l_nb','click',function(){

	if (navigator.appName=="Microsoft Internet Explorer") {
		$('span_rvb').style.backgroundPosition = "0 -25px";
		$('span_nb').style.backgroundPosition = "0 -" + 25*2 + "px";
		$('nb').checked = true;
		}
});

}

if($('photographe')) {
Event.observe('photographe','change',function() {

	if($('var_lid').value == '')
			{
				//alert(0);
				var contenu = 'Veuillez d\'abord choisir un site, un métier ou un thème';
				Dialog.alert(contenu, {className:"alphacube" ,windowParameters: {width:350, height:65}, okLabel: "ok"});
				
				$('photographe').selectedIndex = 0;
				
				return;
			}
			obtenirPhotos();
	});
}
$$('div.bouton_fermer').each(function(s) {
		Event.observe(s,'click',function() {
			var stri = s.id;
			var temp = stri.split('_');
			var id = temp[1];
			Effect.Fade('photo_recherche_'+id, { duration: 0.2 });
			
		});
});

$$('span.spansite').each(function(s) {
		Event.observe(s,'click',function() {
			$('photo_charge').update();
			$('selection_site').update(s.innerHTML);
			//$('var_lid').value=s.title;
			$('var_lid').value = $('v_'+s.id).innerHTML;
			
			$('selection_theme').update();
			$('selection_metier').update();
			$('var_page').value = 1;
			obtenirPhotos();
		});
});

$$('span.spanmetier').each(function(s) {
		Event.observe(s,'click',function() {
			$('photo_charge').update();
			$('selection_site').update();
			//$('var_lid').value=s.title;
			
			$('var_lid').value = $('v_'+s.id).innerHTML;
			
			$('selection_theme').update();
			$('selection_metier').update(s.innerHTML);
			$('var_page').value = 1;
			obtenirPhotos();
		});
});

$$('span.spantheme').each(function(s) {
		Event.observe(s,'click',function() {
			$('photo_charge').update();
			$('selection_site').update();
			//$('var_lid').value=s.title;
			
			$('var_lid').value = $('v_'+s.id).innerHTML;
			
			$('selection_theme').update(s.innerHTML);
			$('selection_metier').update();
			$('var_page').value = 1;
			obtenirPhotos();
		});
});

//On masque volotairement la div pour l'effet Appear
if($('img_hover'))
	$('img_hover').style.display = 'none';

if($('photo_recherche_site')) {
	$('photo_recherche_site').style.display = 'none';
	$('photo_recherche_theme').style.display = 'none';
	$('photo_recherche_metier').style.display = 'none';
	//##Les elements pouvant etre drag&drop
	new Draggable('photo_recherche_site');
	new Draggable('photo_recherche_theme');
	new Draggable('photo_recherche_metier');
	}
	
	



});