/***********************
* Acciones de composición de Adobe Edge Animate
*
* Editar este archivo con precaución, teniendo cuidado de conservar 
* las firmas de función y los comentarios que comienzan con "Edge" para mantener la 
* capacidad de interactuar con estas acciones en Adobe Edge Animate
*
***********************/
(function($, Edge, compId){
var Composition = Edge.Composition, Symbol = Edge.Symbol; // los alias más comunes para las clases de Edge

   //Edge symbol: 'stage'
   (function(symbolName) {
      
      
      Symbol.bindSymbolAction(compId, symbolName, "creationComplete", function(sym, e) {
         sym.$('.center-wrapper').css("overflow","hidden");
         //DEFINIR EL NÚMERO DE ELEMENTOS A SELECCIONAR COMO TRUE
         sym.setVariable("Elementos", 1);
         /////////////////////////////////
         //Variables de colores
         sym.setVariable("tipoactividad", "input");
         tipoactividad = sym.getVariable("tipoactividad");
         

      });
      //Edge binding end

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      

      Symbol.bindElementAction(compId, symbolName, "${_hotspot_validar}", "click", function(sym, e) {
         //Definición de variables
         sym.setVariable("errores", 0);
         sym.setVariable("Total", 0);
         var Total=0;
         var errores=0;
         
         var tipoactividad = sym.getVariable("tipoactividad");
         
         for (i=1; i<=CrearCheckBox ; i++ ){
         	var y = (parseInt(sym.$("checkbox_"+i).css("top")) + 8)+"px";
         	var x = (parseInt(sym.$("checkbox_"+i).css("left")) - 25)+"px";
         	//console.log('x: '+x+' , y: '+y);
         	sym.$("checkbox_"+i).children(tipoactividad).each(function(){
         	if($(this).attr("id")==("checkbox_"+i)){
         		if($(this).is(":checked")==true){
         		ValorTemp = sym.getVariable("Respuesta_"+i);
         		if($(this).is(":checked")==ValorTemp){
         		Total = Total + 1;
         		console.log(Total);
         		sym.$("ok"+i).css({top: y, left: x});
         		sym.$("ok"+i).show();
         	}
         	else{
         		errores = errores + 1;
         		sym.$("bad"+i).css({top: y, left: x});
         		sym.$("bad"+i).show();
         	}
         	}
         	$(this).attr('disabled','disabled');
         	}
         	});
         }
         
         
         //Muestra las leyendas
         if(Total==TotalCheckBox && errores ==0){
         
         // Reproducir una pista de audio 
         sym.$("success")[0].play();
         sym.$("success")[0].muted = false;
         
         
         //mensaje respuesta correcta
         sym.$("resp_correcta").show();
         //botones
         sym.getSymbol("bt_validar").stop("down");
         sym.getSymbol("bt_solucion").stop("down");
         sym.getSymbol("bt_reiniciar").stop("normal");
         sym.$("hotspot_validar").hide();
         sym.$("hotspot_solucion").hide();
         sym.$("hotspot_reiniciar").show();
         //sym.$("txt_Respuesta").html (Total + "/" + TotalElementos);
         }
         else{
         sym.$("error")[0].play();
         sym.$("error")[0].muted = false;
         //mensaje respuesta incorrecta
         sym.$("resp_incorrecta").show();
         //botones
         sym.$("hotspot_validar").hide();
         sym.$("hotspot_solucion").show();
         sym.$("hotspot_reiniciar").show();
         sym.getSymbol("bt_validar").stop("down");
         sym.getSymbol("bt_solucion").stop("normal");
         sym.getSymbol("bt_reiniciar").stop("normal");
         //sym.$("txt_Respuesta").html (Total + "/" + TotalElementos);
         } 
         
         

      });
      //Edge binding end

      Symbol.bindElementAction(compId, symbolName, "${_hotspot_solucion}", "click", function(sym, e) {
         sym.getSymbol("bt_validar").stop("down");
         sym.getSymbol("bt_solucion").stop("down");
         sym.getSymbol("bt_reiniciar").stop("normal");
         sym.$("hotspot_validar").hide();
         sym.$("hotspot_solucion").hide();
         sym.$("hotspot_reiniciar").show();
         // Ocultar un elemento 
         sym.$("resp_incorrecta").hide();
         sym.$("resp_correcta").hide();
         
         
         var Valor_01 = sym.getVariable("Respuesta_1");
         var Valor_02 = sym.getVariable("Respuesta_2");
         var Valor_03 = sym.getVariable("Respuesta_3");
         var Valor_04 = sym.getVariable("Respuesta_4");
         var Valor_05 = sym.getVariable("Respuesta_5");
         var Valor_06 = sym.getVariable("Respuesta_6");
         var Valor_07 = sym.getVariable("Respuesta_7");
         var Valor_08 = sym.getVariable("Respuesta_8");
         var Valor_09 = sym.getVariable("Respuesta_9");
         var Valor_10 = sym.getVariable("Respuesta_10");
         var Valor_11 = sym.getVariable("Respuesta_11");
         var Valor_12 = sym.getVariable("Respuesta_12");
         var Valor_13 = sym.getVariable("Respuesta_13");
         var Valor_14 = sym.getVariable("Respuesta_14");
         var Valor_15 = sym.getVariable("Respuesta_15");
         var Valor_16 = sym.getVariable("Respuesta_16");
         var Valor_17 = sym.getVariable("Respuesta_17");
         var Valor_18 = sym.getVariable("Respuesta_18");
         var Valor_19 = sym.getVariable("Respuesta_19");
         var Valor_20 = sym.getVariable("Respuesta_20");
         var Valor_21 = sym.getVariable("Respuesta_21");
         var Valor_22 = sym.getVariable("Respuesta_22");
         var Valor_23 = sym.getVariable("Respuesta_23");
         var Valor_24 = sym.getVariable("Respuesta_24");
         var Valor_25 = sym.getVariable("Respuesta_25");
         var Valor_26 = sym.getVariable("Respuesta_26");
         var Valor_27 = sym.getVariable("Respuesta_27");
         var Valor_28 = sym.getVariable("Respuesta_28");
         var Valor_29 = sym.getVariable("Respuesta_29");
         var Valor_30 = sym.getVariable("Respuesta_30");
         var Valor_31 = sym.getVariable("Respuesta_31");
         var Valor_32 = sym.getVariable("Respuesta_32");
         var Valor_33 = sym.getVariable("Respuesta_33");
         var Valor_34 = sym.getVariable("Respuesta_34");
         var Valor_35 = sym.getVariable("Respuesta_35");
         var Valor_36 = sym.getVariable("Respuesta_36");
         var Valor_37 = sym.getVariable("Respuesta_37");
         var Valor_38 = sym.getVariable("Respuesta_38");
         var Valor_39 = sym.getVariable("Respuesta_39");
         var Valor_40 = sym.getVariable("Respuesta_40");
         var Valor_41 = sym.getVariable("Respuesta_41");
         var Valor_42 = sym.getVariable("Respuesta_42");
         var Valor_43 = sym.getVariable("Respuesta_43");
         var Valor_44 = sym.getVariable("Respuesta_44");
         var Valor_45 = sym.getVariable("Respuesta_45");
         var Valor_46 = sym.getVariable("Respuesta_46");
         var Valor_47 = sym.getVariable("Respuesta_47");
         var Valor_48 = sym.getVariable("Respuesta_48");
         var Valor_49 = sym.getVariable("Respuesta_49");
         var Valor_50 = sym.getVariable("Respuesta_50");
         var tipoactividad = sym.getVariable("tipoactividad");
         
         //Oculta las leyendas
         for (var i=1; i<=CrearCheckBox; i++) {
         	sym.$('ok'+i).hide();
         	sym.$('bad'+i).hide();
         }
         
         for (j=1; j<=CrearCheckBox; j++){
         	var ValorTemp = sym.getVariable("Respuesta_"+j);
         	console.log("checkbox_"+j);
         	console.log(ValorTemp);
         	sym.$("checkbox_"+j).children(tipoactividad).each(function(){
         		checkVar = "checkbox_"+j;
         		if($(this).attr("id")==checkVar){
         			$(this).attr("checked", ValorTemp);
         			$(this).attr("disabled", "disabled");	
         		}
         	});
         }
         sym.$('[id^="Stage_checkbox_"]').each(function() {
         	var idCheck=$(this).children().attr("id");
         	if($("#"+idCheck).is(':checked')) {  
                     $(this).addClass("check-off");
                     $(this).removeClass("check-on");
                 } else {  
                     $(this).removeClass("check-off");
                     $(this).addClass("check-on");
                 }
         });

      });
      //Edge binding end

      Symbol.bindElementAction(compId, symbolName, "${_hotspot_reiniciar}", "click", function(sym, e) {
         //sym.$("Stage").children().remove();
         
         sym.getSymbol("bt_validar").stop("normal");
         sym.getSymbol("bt_solucion").stop("down");
         sym.getSymbol("bt_reiniciar").stop("down");
         sym.$("hotspot_validar").show();
         sym.$("hotspot_reiniciar").hide();
         sym.$("hotspot_solucion").hide();
         //window.location.reload();
         sym.$("resp_incorrecta").hide();
         sym.$("resp_correcta").hide();
         
         sym.setVariable("intentos", 0);
         sym.setVariable("totalintentos", 0);
         //Definición de variables
         sym.setVariable("errores", 0);
         sym.setVariable("Total", 0);
         
         //Oculta las leyendas
         for (var i=1; i<=CrearCheckBox; i++) {
         	sym.$('ok'+i).hide();
         	sym.$('bad'+i).hide();
         }
         
         $('input[type="checkbox"]').remove();
         $('input[type="checkbox"]').remove();
         
         
         // Agregar los checkbox a cada recuadro
         for (i=1; i<=CrearCheckBox ; i++ ){
         	var stringCheck = 'checkbox_'+i;
         	stringCheck = document.createElement(tipoactividad);
         	stringCheck.id="checkbox_"+i;
         	stringCheck.type="checkbox";
         	sym.$("checkbox_"+i).append(stringCheck);
         }
         
         $('input:checkbox').hide();
         sym.$('[id^="Stage_checkbox_"]').each(function() {
         	var idCheck=$(this).children().attr("id");
         	if($("#"+idCheck).is(':checked')) {  
                     $(this).addClass("check-off");
                     $(this).removeClass("check-on");
                 } else {  
                     $(this).removeClass("check-off");
                     $(this).addClass("check-on");
                 }
         });

      });
      //Edge binding end

      Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
         //botones
         sym.getSymbol("bt_validar").stop("normal");
         sym.getSymbol("bt_solucion").stop("down");
         sym.getSymbol("bt_reiniciar").stop("down");
         sym.getSymbol("bt_ayuda").stop("normal");
         sym.$("hotspot_validar").show();
         sym.$("hotspot_solucion").hide();
         sym.$("hotspot_reiniciar").hide();
         sym.$("hotspot_ayuda").show();
         //CAMBIAR SEGÚN EL NÚMERO DE RESPUESTAS CORRECTAS O CHECKEADAS
         TotalCheckBox = 1;
         //DEJAR IGUAL O CAMBIAR POR EL TOTAL DE ELEMENTOS
         CrearCheckBox = 3;
         
         // Agregar los checkbox a cada recuadro
         for (i=1; i<=CrearCheckBox ; i++ ){
         	var stringCheck = 'checkbox_'+i;
         	stringCheck = document.createElement(tipoactividad);
         	stringCheck.id="checkbox_"+i;
         	stringCheck.type="checkbox";
         	sym.$("checkbox_"+i).append(stringCheck);
         }
         //Ampliar los checks
         $('input:checkbox').hide();
         sym.$('[id^="Stage_checkbox_"]').addClass('check-on');
         sym.$('[id^="Stage_checkbox_"]').on("mousedown", function() {
         	var idCheck=$(this).children().attr("id");
         	//console.log(idCheck);
         	if($("#"+idCheck).is(':checked')) {  
                    // console.log("Está activado");
         
                     $(this).addClass("check-on");
                     $(this).removeClass("check-off");
                     $("#"+idCheck).prop('checked', false);
                 } else {  
                     //console.log("No está activado");
                     $(this).removeClass("check-on");
                     $(this).addClass("check-off");
                     $("#"+idCheck).prop('checked', true);
                 }
         });
         
         //RESPUESTAS CAMBIAR POR false O true
         sym.setVariable("Respuesta_1", false);
         sym.setVariable("Respuesta_2", false);
         sym.setVariable("Respuesta_3", true);
         sym.setVariable("Respuesta_4", false);
         sym.setVariable("Respuesta_5", false);
         sym.setVariable("Respuesta_6", false);
         sym.setVariable("Respuesta_7", false);
         sym.setVariable("Respuesta_8", false);
         sym.setVariable("Respuesta_9", false);
         sym.setVariable("Respuesta_10", false);
         sym.setVariable("Respuesta_11", false);
         sym.setVariable("Respuesta_12", false);
         sym.setVariable("Respuesta_13", false);
         sym.setVariable("Respuesta_14", false);
         sym.setVariable("Respuesta_15", false);
         sym.setVariable("Respuesta_16", false);
         sym.setVariable("Respuesta_17", false);
         sym.setVariable("Respuesta_18", false);
         sym.setVariable("Respuesta_19", false);
         sym.setVariable("Respuesta_20", false);
         sym.setVariable("Respuesta_21", false);
         sym.setVariable("Respuesta_22", false);
         sym.setVariable("Respuesta_23", false);
         sym.setVariable("Respuesta_24", false);
         sym.setVariable("Respuesta_25", false);
         sym.setVariable("Respuesta_26", false);
         sym.setVariable("Respuesta_27", false);
         sym.setVariable("Respuesta_28", false);
         sym.setVariable("Respuesta_29", false);
         sym.setVariable("Respuesta_30", false);
         sym.setVariable("Respuesta_31", false);
         sym.setVariable("Respuesta_32", false);
         sym.setVariable("Respuesta_33", false);
         sym.setVariable("Respuesta_34", false);
         sym.setVariable("Respuesta_35", false);
         sym.setVariable("Respuesta_36", false);
         sym.setVariable("Respuesta_37", false);
         sym.setVariable("Respuesta_38", false);
         sym.setVariable("Respuesta_39", false);
         sym.setVariable("Respuesta_40", false);
         sym.setVariable("Respuesta_41", false);
         sym.setVariable("Respuesta_42", false);
         sym.setVariable("Respuesta_43", false);
         sym.setVariable("Respuesta_44", false);
         sym.setVariable("Respuesta_45", false);
         sym.setVariable("Respuesta_46", false);
         sym.setVariable("Respuesta_47", false);
         sym.setVariable("Respuesta_48", false);
         sym.setVariable("Respuesta_49", false);
         sym.setVariable("Respuesta_50", false);
         
         

      });
      //Edge binding end

      Symbol.bindElementAction(compId, symbolName, "${_hotspot_ayuda}", "click", function(sym, e) {
         if (sym.$("help_checkbox").is(":visible")) {
         	sym.$("help_checkbox").hide();
         	sym.getSymbol("bt_ayuda").stop("normal");
         } else {
         	sym.$("help_checkbox").show();
         	sym.getSymbol("bt_ayuda").stop("down");
         }
         

      });
      //Edge binding end

   })("stage");
   //Edge symbol end:'stage'

   //=========================================================
   
   //Edge symbol: 'ok'
   (function(symbolName) {   
   
   })("ok");
   //Edge symbol end:'ok'

   //=========================================================
   
   //Edge symbol: 'bad'
   (function(symbolName) {   
   
   })("bad");
   //Edge symbol end:'bad'

   //=========================================================
   
   //Edge symbol: 'bt_validar'
   (function(symbolName) {   
   
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 0, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 250, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

   })("bt_validar");
   //Edge symbol end:'bt_validar'

   //=========================================================
   
   //Edge symbol: 'bt_solucion'
   (function(symbolName) {   
   
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 0, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 250, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

   })("bt_solucion");
   //Edge symbol end:'bt_solucion'

   //=========================================================
   
   //Edge symbol: 'bt_reiniciar'
   (function(symbolName) {   
   
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 0, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 250, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

   })("bt_reiniciar");
   //Edge symbol end:'bt_reiniciar'

   //=========================================================
   
   //Edge symbol: 'bt_ayuda'
   (function(symbolName) {   
   
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 0, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 250, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

   })("bt_ayuda");
   //Edge symbol end:'bt_ayuda'

   //=========================================================

   //=========================================================

   //=========================================================
   
   //Edge symbol: 'bt_audio'
   (function(symbolName) {   
   
      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 0, function(sym, e) {
         // introducir código aquí
         sym.stop();

      });
      //Edge binding end

      Symbol.bindElementAction(compId, symbolName, "${_ht_spot}", "click", function(sym, e) {
         var soundId = sym.getSymbolElement().attr( "title" );
         var currentAudio=sym.getComposition().getStage().$(soundId)[0].currentTime;
         var duracion= sym.getComposition().getStage().$(soundId).duration;
         console.log("soundId="+soundId);
         if (duracion== currentAudio){
         sym.stop("up");
         }
         
         sym.getComposition().getStage().$(soundId).on('ended', function() {
         sym.stop("up");
         });
         console.log("currentAudio="+currentAudio);
         console.log("duracion="+duracion); 
         
         $("audio").prop("muted", true);
         
         	if (sym.getComposition().getStage().$(soundId)[0].paused) {
         	//elimina el mute del audio
         	sym.getComposition().getStage().$(soundId)[0].muted = false;
         	sym.getComposition().getStage().$(soundId)[0].volume=0.7;
         	sym.getComposition().getStage().$(soundId)[0].play();
         	sym.stop("down");
         
         } else {
         //activar para pausar en vez de reiniciar
         	sym.getComposition().getStage().$(soundId)[0].pause();
         	sym.stop("up");
         }

      });
      //Edge binding end

      

      Symbol.bindTriggerAction(compId, symbolName, "Default Timeline", 250, function(sym, e) {
         sym.stop();

      });
      //Edge binding end

      

   })("bt_audio");
   //Edge symbol end:'bt_audio'

})(jQuery, AdobeEdge, "EDGE-7842103");