Ext.onReady(function(){

/**
 * Premier travail :
 * 		chargé les emplacements à afficher
 * Ensuite mettre en place le listener pour les publicités 
 */


var bloc_p = Ext.get("label_choose_publicite");
var str = '<label for="choose_publicite">Emplacement de la publicit&eacute :</label> <select name="pubName" id="choose_publicite">';
str += '<option value="">-- publicit&eacute; --</option>';

if(typeof(publicite_container) != "undefined"){

for(var i in publicite_container){
	if(i != "remove" && i != "indexOf"){
		str += '<option value="'+i+'">'+publicite_container[i]+'</option>';
	}
}

} // fin du if publicite_container

str += '</select>';

if(typeof(publicite_container) == "undefined"){
	str += "<p>Attention aucun fichier de conteneur d&eacute;fini</p>"
}

// chargement de la piece html
if(bloc_p){
	bloc_p.update(str);
}


// mise en place de l'écoute de mouvement sur le combo
var choosePublicite = Ext.get("choose_publicite");
if(choosePublicite){
	choosePublicite.on("change",chooseAction);
}



});// fin du onReady


/**
 * ETAPE 1 on choisie de supprimer ou de modifier notre publicite
 *
 */
function chooseAction(){
	var etape0 = Ext.get("etape0");
	if(etape0){
		var choosePublicite = Ext.get("choose_publicite");
		var label = choosePublicite.getValue();
		/*var str = "[<a href='#' onclick=\"supPub('"+label+"')\">supprimer</a>]";
		etape0.update(str);*/
		modifyPub(label);
	}
}

function initInterfaceModfif (){
			var select =Ext.get("choose_type");
			if(select){
				select.on("change",loadInterface);
			}
			
			// Masquer le bouton Modifier
			var buttonValid = Ext.get("validButtonPub");
			if(buttonValid){
				buttonValid.setDisplayed(false);
			}
}

function supPub(nomPub){
	Ext.MessageBox.confirm("Attention","Vous &ecirc;tes sur le point de r&eacute;initialiser cette annonce. Continuer ?",function(btn){
	
	
	if(btn == "yes"){
	Ext.Ajax.request({
			url : '/Publicite/Data/erasepub/',
			params : {tpl: 'choose_type',pubname: nomPub},
			success: function( result, request ) {
				var etape1 = Ext.get("etape1");
				etape1.update(result.responseText);

				initInterfaceModfif();
			 },

			failure: function (result, request) { 
			},
			callback: function (result, request){
			} 
		});
	}// fin du if btn == yes
		
	}); // fin du Ext.MessageBox confirm.	
}


function modifyPub(pubName){
	var etape1 = Ext.get("etape1");
	etape1.load({
		url : '/Publicite/Data/index',
		params : {tpl : 'choose_type',pubname: pubName},
		success: function( result, request ) {
			},
			
		failure: function ( result, request) {
			},
		callback : function(result, request){
			initInterfaceModfif();
		}	 
	});
}


/**
 * ETAPE
 *
 */

function loadInterface(){
	var choose = Ext.get("choose_type");
	var etape = Ext.get("etape2");
	
	
	if(choose && choose.getValue() != ""){
	etape.load({
		url : '/Publicite/Data/index',
		params : {tpl : choose.getValue()},
		success: function( result, request ) {
				
			},
			
		failure: function ( result, request) {
			},
			
		callback : function(result, request){
			var buttonValid = Ext.get("validButtonPub");
			if(buttonValid){
				buttonValid.setDisplayed(true);
				buttonValid.on("click",validPub);
			}
		}	 
		});
	
	}else{
		etape.update("");
	}
}

/**
 * Permet de mettre en place la campagne 
 * relativement aux informtions données
 *
 */	
function validPub(){

	var choose = Ext.get("choose_type");
	var pubName = Ext.get("pubName");
	
	var code = Ext.get("code");
	var fichier = Ext.get("fichier");
	
	var doIt = true;
	
	
	// Traitement des champs de saisie nom pub et type
	if(choose && choose.getValue() == ""){
		doIt = false;
		myalerte("choose_type",true);
	}else{
		myalerte("choose_type",false);
	}
	
	if(pubName && pubName.getValue() == ""){
		doIt = false;
		myalerte("pubName",true);
	}else{
		myalerte("pubName",false);
	}
	
	// on traite les champs code (texte) et fichier
	// attention on a une négation ici
	if(code && (code.getValue() == "" || code.getValue().trim() == "votre texte...")){
		doIt = false;
		myalerte("code",true);
	}else{
		myalerte("code",false);
	}
	
	if(fichier && fichier.getValue() == ""){
		doIt = false;
		myalerte("fichier",true);
	}else{
		myalerte("fichier",false);
	}
	
	
	// On procéde a la sauvegerde du champs
	if(doIt){
		document.form_depot_pub.submit();		
		Ext.get("etape2").update("");
	}else{
		Ext.MessageBox.alert('Failed',"Le(s) champ(s) de saisie n&acute;est (ne sont) pas renseign&eacute;(s)."); 
	}
	
	/*
	var params = Ext.Ajax.serializeForm("form_depot_pub");
	Ext.Ajax.request({
			url : '/Publicite/index/createPub/',
			params : params,
			success: function( result, request ) {
				if(result.responseText == "1"){
					Ext.MessageBox.alert('Success',"Votre campagne est créée !");
					document.form_depot_pub.reset();
				}
			 },

			failure: function ( result, request) { 
				Ext.MessageBox.alert('Failed',"Aucune pr&eacute;visualisation disponible !"); 
			},
			callback: function (result, request){
			} 
		});
		*/	
}

function myalerte(nom,doIt){
	var elem = Ext.get("label_"+nom);
	if(doIt && elem){
		elem.addClass("alerte");
	}else if(elem){
		elem.removeClass("alerte");
	}
}