// JavaScript Document

//Remise à vide des inputbox
var inputReset = function() { 
	$$('input').each(function(el) {
	if(el.get('type')!=='text'){return;}
		var value = el.get('value');
		el.addEvent('focus', function(){
			if(this.get('value') == value){
					this.set('value','');
				}
			});
		});
}
	
//Dectection du navigateur
var detectionBrowser = function() {
	if(Browser.Engine.trident == true) {
		bienvenueBox('Firefox please');
	} else {
		bienvenueBox('D&eacute;couvrez votre espace num&eacute;rique Vous utiliser un navigateur normal bravo !');
	}
}

//Message notification bas gauche
var popupMessage = function(title,msg,img) {
	var titre = title;
	var msg = msg;
	var img = img;
	var notimooManager = new Notimoo({
   locationVType: 'bottom',
   locationHType: 'right',
   locationVBase: 40
	});
	// Montre la notification
	notimooManager.show({
	title: titre,
	message: img + msg
	});
	
}

//FermerNotice
var fermerNotice = function(btn,id) {
	$(btn).addEvent('click',function() {
		$(id).setStyle('display', 'none');
	});
}

// Filtre
var afficherFiltre = function() {
	$('btn_filtre').addEvent('click',function() {
		$('search-filtreopt').setStyle('display', 'block');
		$('search-filtre').set('class', 'active');
	});
	
	$('btn_filtrefermer').addEvent('click',function() {
		$('search-filtreopt').setStyle('display', 'none');
		$('search-filtre').set('class', '');
	});
}


//Tootipls Aide
var afficherBulle = function(id,msg) {
	$(id).tooltip ("<div class='tooltips'><p>"+msg+"</p></div>", { hook: 1, width: 250});
}

//Tootipls Preview
var afficherPreview = function(id,img,name,auteur,date,com,priorite) {
	$(id).tooltip ("<div class='tooltips'><div class='tooltips-preview'><img src='../_img/preview/"+img+".jpg' width='90' height='125' alt='img1' /></div><div class='tooltips-infos'><h4 class='black s12 bold'>"+name+"</h4><p class='gray s12'>Auteur : "+auteur+"</p><p class='gray s12'>Cr&eacute;ation : "+date+"</p><br/><br/><p class='bluemedium'>Commentaires :" +com+"</p><p class='green'>Priorit&eacute; : "+priorite+"</p></div></div>", { hook: 1, width: 340, sticky: 0});
}

//Ajouter PJ
var ajouterPJ = function () {
var newElementVar = new Element('div', {
 //configurez ici tous les paramètres de l'élement
 'id': 'id_name',
 'text': 'Nouvelle div de upload >>>>>>>>>>>',
 'styles': {
 //configurez ici tous les paramètres de style
 'height': '200px',
 'float': 'left'
 }
});
var formPj = $('form-pj');

newElementVar.inject(formPj , 'after');

}

//Slide Historique courant
var historiqueCourant = function() {
	 
	var status = {
		'true': 'Masquer Historique courant',
		'false': 'Afficher Historique courant'
	};
	
     var historiqueSlide = new Fx.Slide('content-historique').hide();
     $('toggle-historique').addEvent('click', function(e){
          e = new Event(e);
          historiqueSlide.toggle();
          e.stop();
     });
	 
	 historiqueSlide.addEvent('complete', function() {
		$('toggle-historique').set('html', status[historiqueSlide.open]);
	});
}

//Slide Fichiers options
var fichiersOptions = function() {
	 
	var status = {
		'true': 'btn_ajoutrapide close',
		'false': 'btn_ajoutrapide'
	};
	
     var ajoutSlide = new Fx.Slide('topadd-content').hide();
     $('toggle-rapide').addEvent('click', function(e){
          e = new Event(e);
          ajoutSlide.toggle();
          e.stop();
     });
	 
	 
	 ajoutSlide.addEvent('complete', function() {
		$('toggle-rapide').set('class',  status[ajoutSlide.open]);
	});
}

var fichiersOptionsOut = function() {
     var ajoutSlide = new Fx.Slide('topadd-content');
          e = new Event(e);
          e.stop();
          ajoutSlide.slideOut();
}

// Lancement des fonctions au demarrage du DOM
window.addEvent('domready', function() {
	 inputReset();
    
     //FermerNotice
	 fermerNotice('btn_fermernotice1','notice1');
	 fermerNotice('btn_fermersuccess','success');
	 fermerNotice('btn_fermererror','error');
	 
	 
	 
	 //Infobulles
	 afficherBulle('info1','Test');
	 
	 //Preview
	 afficherPreview('preview1','img1','File.pdf','Edwin Poly','22/10/09 23h45','26','Moyenne');
	 afficherPreview('preview2','img1','File234.pdf','Dono Goult','22/10/09 23h45','26','Moyenne');
	 afficherPreview('preview3','img1','File233444.pdf','Damien Prout','22/10/09 23h45','26','Moyenne');
	 
	 //DatePiker
	 new DatePicker('.idatepicker', { positionOffset: { x: 0, y: 5 }});
		
	  
	 //Filtre
	 afficherFiltre();
	 
     // Les Slideeffects
	 fichiersOptions();
	 historiqueCourant();
	 /*var optionsSlide = new Fx.Slide('content-options').hide();
     $('toggle-options').addEvent('click', function(e){
          e = new Event(e);
          optionsSlide.toggle();
          e.stop();
     });*/
    
    
     //Validation d'un formulaire
     new FormCheck('form1');
	 
	 
	 
     //Treeview
   	tree = new Mif.Tree({ 
    	container: $('tree-container'),// tree container
		types: {// node types
			folder:{
				openIcon: 'mif-tree-open-icon',//css class open icon
				closeIcon: 'mif-tree-close-icon'// css class close icon
			}
		},
		dfltType:'folder',//default node type
		height: 18//node height
	});

	var json=[
		{
			"property": {
				"name": "Mes documents"
			},
			"state": {
						"open": true
					},
					
					
			"children": [
				{
					"property": {
						"name": "Mes photos"
					}
				},
				{
					"property": {
						"name": "Soci&eacute;t&eacute;"
					},
					"state": {
						"open": false
					},
					"children":[
						{
							"property": {
								"name": "AXESTECH"
							},
							"state": {
								"open": false
							},
							"children":[
							{
									"property": {
										"name": "Bilan pour l'ann&eacute;e 2009 avec les annexes"
									}
								},
								{
									"property": {
										"name": "Coordonn&eacute;es"
									}
								}
							]							
						},
						{
							"property": {
								"name": "Factures"
							}
						}
					]
				},
				{
					"property": {
						"name": "Mes vid&eacute;os"
					}
				}
			]
			
		}
	];
	
	// load tree from json.
	tree.load({
		json: json
	});
     


     //Popup
	 popupMessage('Avertissement','Il y a 5 fichiers en attente dans <a href="#">Reception</a>','<img src="../_img/icons/reception_48.gif" width="48" height="48" alt="reception" />');
	 
	 //Multiselect Transfert
	$('add').addEvent('click', function() {
		$('select1').getSelected().each(function(el) {
			el.inject($('select2'));
		});
	});
	$('remove').addEvent('click', function() {
		$('select2').getSelected().each(function(el) {
			el.inject($('select1'));
		});
	});
	
	//Facebook like list + autocomplete >>> http://forum.free.fr/autocomplete/
	  var tlist = new FacebookList('facebook-demo', 'facebook-auto');
	  var tlist2 = new FacebookList('facebook-demo2', 'facebook-auto2');
	  new Request.JSON({'method': 'get', 'url': 'json.html', 'onComplete': function(data) {
		data.each(tlist2.autoFeed, tlist2);
	  }}).send();
	  new Request.JSON({'method': 'get', 'url': 'json.html', 'onComplete': function(data) {
		data.each(tlist3.autoFeed, tlist3);
	  }}).send();

	
	 //Ajouter PJ
	 $('btn_ajouterpj').addEvent('click',ajouterPJ);
    
}); 

