/*
 * Objet bloc médias
 *
 *
 */
 
// Creation de la class(objet) oMedia
var oMedia = Class.create();

oMedia.prototype = {
  initialize: function(options) {
		
    this.options = {
      parent					: 'zoneMedia',
			media						: 'media-video', // Le média cahrgé par defaut
			modeNavigation	: false // Mode de navigation par défaut avec la navigation fermée
    };
    Object.extend(this.options, options || { });
		
	// SI protop 1.5
	if(Prototype.Version != '1.5.1.1') this.creationBloc();
  },

  creationBloc: function() {
    
		// On crée l'html
		$(this.options.parent).insert({
			// Menu
			top: '<ul id="menuMedia"><li id="media-carte" class="lienAction">Carte</li><li id="media-video" class="lienAction">Vidéo</li><li id="media-webcam" class="lienAction">Webcam</li><li id="media-agenda" class="lienAction">Agenda</li></ul>',
			// Conteneur
			bottom: '<div id="media"></div>'
		});
		
		// Observation des liens
		this.lienAction();
		
		// On charge au choix par défaut
		this.rAjax('/include/php/xhr_'+this.options.media+'.php', 'defaut=1');
  },
	
	lienAction: function() {
		$$('#menuMedia .lienAction').each(function(el) {
			el.observe('click', function(event){
				var element = Event.element(event);
				
				// On affiche le sous menu
				$('sousMenuMedia').show();
				
				// Construction du nom du fichier contenant les différents médias
				var url = '/include/php/xhr_'+element.id+'.php';
				
				// Paramètres à passer
				var params = 'id='+element.id;
				
				this.rAjax(url, params);
			}.bind(this));															
		}.bind(this));
	},
	
	rAjax: function(url, params) {
		new Ajax.Updater({ success: 'media', failure: 'notice' }, url, {
			parameters: params,
			evalScripts : true,
			onSuccess : function(){
			
				if(!$('fermerSousMenu')) $('sousMenuMedia').insert({ after: '<div id="fermerSousMenu">Fermer</div>'}); 
				else $('fermerSousMenu').show();
				
				$('fermerSousMenu').observe('click', function(event){ $('sousMenuMedia').hide(); $('fermerSousMenu').hide(); });
			}
		});
	}
};