// JavaScript Document

AppViewer=function(idElement)
{
	
	// graphique : 
	this.width=792;
	this.height=340;
	
	// conteneur : 
	AppViewer.me=$('<div/>');
	AppViewer.me.addClass('AppViewer');
	AppViewer.me.attr('id' , 'AppViewer');

	// video : 
	AppViewer.viewer=$('<div/>');
	AppViewer.viewer.addClass('AppViewerViewer');
	AppViewer.viewer.click(function(){clearInterval(AppViewer.interval)});
	
	// boutons :
	AppViewer.boutons=$('<div/>');
	AppViewer.boutons.addClass('AppViewerBoutons');
	
	
	// ajout : 
	AppViewer.me.append(AppViewer.viewer);
	AppViewer.me.append(AppViewer.boutons);
	
	// tabBoutons  :
	AppViewer.tabBouton=new Array();
	
	
	// Load : 
	
	AppViewer.getListeApp=function(reponse , arg2)
	{
		$.each(reponse.apps , AppViewer.creerBouton);
	}
	
	AppViewer.creerBouton=function(i , app)
	{
		var bouton=new BoutonAppViewer(app.texte , app.type , app.adresse , app.img);
		AppViewer.boutons.append(bouton.me);
		AppViewer.tabBouton.push(bouton);
		
		if (i==0)
			bouton.selectBouton();
	}

	// pratique :
	this.me=$('<div/>')
	
	this.me.append(AppViewer.me);
	
	
	
	$.getJSON(ModeleInteraction.root+"elements/contenus/AppViewer/parcours.php",
			  {langue:ModeleInteraction.getLangue() , idElement:idElement},
			  AppViewer.getListeApp);
	
	// création de l'animation : 
	ModeleGraphique.allowDrag(AppViewer.me);



}