//////////////////////////////////////////////////////////////////////////////////////////
/* DataScape JS v0.0.1-dev | 2014 | n23 | oddcity.net | GNU licensed */
//////////////////////////////////////////////////////////////////////////////////////////
// D A T A   S C A P E  " D i a g n o´ s t i c o   t a x o n o´ m i c o " //////
//////////////////////////////////////////////////////////////////////////////////////////
//www.idealword.org // www.enriqueradigales.com
//////////////////////////////////////////////////////////////////////////////////////////


jQuery(function($) {

     var oID;
     var oIDprev;
     var ruderalesScreen = [];
     var ruderalesClicadas = [];
     var ruderalAnterior=[];

/* COLOCAMOS TODO EN EL Z-INDEX MAS ALTO */

     var getNextHighestDepth = function(selector){
        return Math.max.apply(null, $(selector).map(function(){
            var z;
            return isNaN(z = parseInt($(this).css("z-index"), 10)) ? 0 : z;
        }));
    };

/* OBTENEMOS LA FECHA Y EL MES. */

     var fullDate = new Date();
     var mesActual = fullDate.getMonth()
     console.log(fullDate);
     console.log(mesActual);

/* LISTADOS DE PLANTAS POR MES. */

     var ENERO = [""];

     var FEBRERO = ["Malva_sylvestris.gif"];

     var MARZO = ["Bellardia_triaxo.gif","Diplotaxis_erucoides.gif","Malva_sylvestris.gif"];

     var ABRIL = ["Alopecurus_myosuroides_huds.gif","Anthriscus_caucalis.gif","Avena_sterilis_l.gif","Bellardia_triaxo.gif","Convolvulus_arvensis_l.gif","Diplotaxis_erucoides.gif","Fumaria_officinalis_l.gif","Iris_germanica.gif","Lathyrus_aphaca_l.gif",
     "Malva_sylvestris.gif","Myosotis_arvensis.gif","Ononis_natrix.gif","Papaver_rhoeas_l.gif","Polygonum_aviculare.gif","Sisymbrium_runcinatum_dc.gif","Sonchus_oleraceus_l.gif","Tribulus_terrestris.gif","Trigonella_foenum_graecum.gif","Urtica_dioica.gif"];

     var MAYO = ["Alopecurus_myosuroides_huds.gif","Anthriscus_caucalis.gif","Avena_fatua_l.gif","Avena_sterilis_l.gif","Bellardia_triaxo.gif","Convolvulus_arvensis_l.gif","Diplotaxis_erucoides.gif","Fumaria_officinalis_l.gif","Iris_germanica.gif",

     "Lathyrus_aphaca_l.gif","Launaea_pumila.gif","Lolium_rigidum_gaudin_subsp.gif","Malva_sylvestris.gif","Myosotis_arvensis.gif","Ononis_natrix.gif","Orobanche_arenaria.gif","Papaver_rhoeas_l.gif","Picris_hieracioides.gif","Polygonum_aviculare.gif",
     "Silybum_marianum.gif","Sisymbrium_runcinatum_dc.gif","Solanum_nigrum.gif","Sonchus_oleraceus_l.gif","Tribulus_terrestris.gif","Trigonella_foenum_graecum.gif","Urtica_dioica.gif"];

     var JUNIO = ["Alopecurus_myosuroides_huds.gif","Anthriscus_caucalis.gif","Avena_fatua_l.gif","Avena_sterilis_l.gif","Ballota_foetida.gif","Bellardia_triaxo.gif","Carthamus_lanatus.gif","Chichorium_intybus.gif","Cirsium_arvense_l_scop.gif",
     "Convolvulus_arvensis_l.gif","Diplotaxis_erucoides.gif","Eryngium_campestre.gif","Foeniculum_vulgare.gif","Fumaria_officinalis_l.gif","Helichrysum_stoechas.gif","Iris_germanica.gif","Lathyrus_aphaca_l.gif","Launaea_pumila.gif",
     "Lolium_rigidum_gaudin_subsp.gif","Malva_sylvestris.gif","Matricaria_recutita_l.gif","Myosotis_arvensis.gif","Ononis_natrix.gif","Orobanche_arenaria.gif","Papaver_rhoeas_l.gif","Picris_hieracioides.gif","Polygonum_aviculare.gif",
     "Ranunculus_arvensis.gif","Seseli_tortuosum.gif","Silybum_marianum.gif","Solanum_nigrum.gif","Sonchus_oleraceus_l.gif","Tribulus_terrestris.gif","Urtica_dioica.gif","Verbascum_lychnitis.gif"];

     var JULIO = ["Alopecurus_myosuroides_huds.gif","Artemisia_absinthium.gif","Avena_fatua_l.gif","Avena_sterilis_l.gif","Ballota_foetida.gif","Carlina_corymbosa_subsp_hispanica.gif","Carthamus_lanatus.gif","Chichorium_intybus.gif",
     "Cirsium_arvense_l_scop.gif","Convolvulus_arvensis_l.gif","Conyza_sumatrensis.gif","Eryngium_campestre.gif","Foeniculum_vulgare.gif","Helichrysum_stoechas.gif","Iris_germanica.gif","Lathyrus_aphaca_l.gif","Lolium_rigidum_gaudin_subsp.gif",
     "Malva_sylvestris.gif","Matricaria_recutita_l.gif","Myosotis_arvensis.gif","Ononis_natrix.gif","Orobanche_arenaria.gif","Papaver_rhoeas_l.gif","Picris_hieracioides.gif","Polygonum_aviculare.gif","Ranunculus_arvensis.gif","Seseli_tortuosum.gif",
     "Silybum_marianum.gif","Solanum_nigrum.gif","Sonchus_oleraceus_l.gif","Tribulus_terrestris.gif","Urtica_dioica.gif","Verbascum_lychnitis.gif"];

     var AGOSTO = ["Artemisia_absinthium.gif","Artemisa_campestris.gif","Avena_fatua_l.gif","Ballota_foetida.gif","Carlina_corymbosa_subsp_hispanica.gif","Carthamus_lanatus.gif","Chichorium_intybus.gif","Cirsium_arvense_l_scop.gif",
     "Convolvulus_arvensis_l.gif","Conyza_sumatrensis.gif","Dittrichia_viscosa.gif","Eryngium_campestre.gif","Foeniculum_vulgare.gif","Helichrysum_stoechas.gif","Lolium_rigidum_gaudin_subsp.gif","Malva_sylvestris.gif","Matricaria_recutita_l.gif",
     "Myosotis_arvensis.gif","Ononis_natrix.gif","Orobanche_arenaria.gif","Papaver_rhoeas_l.gif","Picris_hieracioides.gif","Polygonum_aviculare.gif","Seseli_tortuosum.gif","Solanum_nigrum.gif","Sonchus_oleraceus_l.gif","Tribulus_terrestris.gif",
     "Urtica_dioica.gif"];

     var SEPTIEMBRE = ["Artemisia_absinthium.gif","Artemisa_campestris.gif","Ballota_foetida.gif","Carlina_corymbosa_subsp_hispanica.gif","Chichorium_intybus.gif","Cirsium_arvense_l_scop.gif","Convolvulus_arvensis_l.gif","Conyza_sumatrensis.gif",
     "Dittrichia_viscosa.gif","Eryngium_campestre.gif","Foeniculum_vulgare.gif","Helichrysum_stoechas.gif","Malva_sylvestris.gif","Matricaria_recutita_l.gif","Myosotis_arvensis.gif","Ononis_natrix.gif","Papaver_rhoeas_l.gif","Picris_hieracioides.gif",
     "Polygonum_aviculare.gif","Solanum_nigrum.gif","Sonchus_oleraceus_l.gif","Tribulus_terrestris.gif","Urtica_dioica.gif"];

     var OCTUBRE = ["Artemisa_campestris.gif","Carlina_corymbosa_subsp_hispanica.gif","Convolvulus_arvensis_l.gif","Conyza_sumatrensis.gif","Dittrichia_viscosa.gif","Foeniculum_vulgare.gif","Malva_sylvestris.gif","Matricaria_recutita_l.gif",
     "Papaver_rhoeas_l.gif","Polygonum_aviculare.gif","Solanum_nigrum.gif","Sonchus_oleraceus_l.gif"];

     var NOVIEMBRE = ["Artemisa_campestris.gif","Conyza_sumatrensis.gif", "Solanum_nigrum.gif","Sonchus_oleraceus_l.gif"];

     var DICIEMBRE = [];


/* RELACIONAMOS EL MES CON LA LISTA DE LAS RUDERALES DE ESE MES */

           switch (mesActual) {
               case "0":
                   mesActual = ENERO;
                   break;
               case "1":
                   mesActual = FEBRERO;
                   break;
               case "2":
                   mesActual = MARZO;
                   break;
               case "3":
                   mesActual = ABRIL;
                   break;
               case "4":
                   mesActual = MAYO;
                   break;
               case "5":
                   mesActual = JUNIO;
                   break;
               case "6":
                   mesActual = JULIO;
                   break;
               case "7":
                   mesActual = AGOSTO;
                   break;
               case "8":
                   mesActual = SEPTIEMBRE;
                   break;
               case "9":
                   mesActual = OCTUBRE;
                   break;
               case "10":
                   mesActual = NOVIEMBRE;
                   break;
               case "11":
                   mesActual = DICIEMBRE;
                   break;
               default:
                   mesActual = AGOSTO;
           };

       console.log(mesActual);

//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////
        
/* REMPLAZAMOS LOS CARACTERES "_" ".GIF" DEL NOMBRE DE ARCHIVO */

     var limpiarExt = function (ruderal) {
         var resultado = ruderal.split("_");
         resultado=resultado.join(" ");
         resultado = resultado.replace(".gif", "");
         return resultado;
     };

//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////

/* CREAR UN DIV CENTRADO, INVISIBLE, CON EL TEXTO Y LA IMAGEN AMPLIADA */

var myZIndex=getNextHighestDepth($("div"))+1;
    $('body').append('<div id="Adventicia" title="+info" style="width:1000px; height:1000px; display:none; z-index:' + myZIndex + '; background-repeat:no-repeat; background-position:0 0;"></div>');

     $(window).resize(function () {
        $('#Adventicia').css({
             position: 'absolute',
             left: ($(window).width() - $('#Adventicia').outerWidth()) / 2,
             top: ($(window).height() - $('#Adventicia').outerHeight()) / 2
         });
     });
   
     $(window).resize();

  $( window ).scroll(function() {
$( "#Adventicia" ).css( "position", "fixed" );
});

//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////

/*  CREAMOS TANTOS DIVS COMO RUDERALES HAY EN ESE MES */ 


     for (var i = 0; i < mesActual.length; i++) {
 
         var queImagen = mesActual[Math.floor(Math.random() * mesActual.length)];

         ruderalesScreen[i] = queImagen;

         var posxL = (Math.random() * ($(window).width()) * .20);
         var posxR = ((Math.random() * ($(window).width()) * .20) + ($(window).width()) * .85) - 85;
         var posyT = (Math.random() * $(window).height());
         
/*  POSICIONAMOS ALEATORIAMENTE LAS RUDERALES EN LOS LATERALES DE LA PANTALLA  */ 

         var suerte = ((Math.random() * 1)).toFixed();
         switch (suerte) {
             case "1":
                 posx = posxL;
                 posy = posyT;
                 break;
             case "0":
                 posx = posxR;
                 posy = posyT;
                 break;
         };

/* AÑADIMOS LOS DIVS AL BODY */

        myZIndex=getNextHighestDepth($("div"))+1;


         $('body').append('<div id="Ruderalis' + i + '" style="width:85px; height:85px; top:' + posy + 'px; left:' + posx + 'px; display:none; position:absolute; z-index:' + myZIndex + '; 
         background: url(https://www.oddcity.net/laboral/imagenes/ruderales_lr/' + queImagen + ') no-repeat center;"></ div>');

         //Fundimos de entrada los divs
         $("[id^='Ruderalis']").fadeIn(i * 100);
$("[id^='Ruderalis']").draggable();
         console.log(myZIndex);
     };
     
//////////////////////////////////////////////////////////////////////////////////////////////////
/*END CREACION DE DIVS*/
//////////////////////////////////////////////////////////////////////////////////////////////////

/*EVENTO  CLICK SOBRE LOS DIVS*/

     $("[id^='Ruderalis']").click(function () {

         oID = $(this).attr("id");


         var queNumerodeRuderal = oID.substring(9);

         $("#" + oID).hide();

        /* ruderalesClicadas.push(ruderalesScreen[queNumerodeRuderal]); */
         ruderalAnterior.push(oID);

          oIDprev = ruderalAnterior[ruderalAnterior.length - 2];

         $("#" + oIDprev).show();

         $("#Adventicia").empty();
         $('#Adventicia').css('background-position', '0 0');
        // $('#Adventicia').css('z-index', getNextHighestDepth());
         $('#Adventicia').css('display', 'none');
         $('#Adventicia').css('background-repeat', 'no-repeat');
         $('#Adventicia').css('background-image', 'url(https://www.oddcity.net/laboral/imagenes/ruderales_hr/' + ruderalesScreen[queNumerodeRuderal] + ')');
        $("#Adventicia").html("<div id='titulo' style='position:absolute; width:auto; padding:5px; left:30%; top:45%;  background-color:#fff; font:14px Andale mono,sans-serif; color:#000; line-height:.9em; text-align: left; display:none;
        ' >DATA SCAPE</br> PRIMER DIAGN&Oacute;STICO TAXON&Oacute;MICO</div><div id='taxonomia" + i + "' style='position:absolute; width:auto; padding:5px; left:30%; top:50%; background-color:#fff; font:42px Andale mono,
        sans-serif; color:#000; font-variant:small-caps; text-align: left; line-height:.9em; display:none' >" + limpiarExt(ruderalesScreen[queNumerodeRuderal]) + "</div><div id='Autor' style='position:absolute; width:auto; padding:3px 5px;
         left:30%; top:56%;  background-color:#fff; font:12px Andale mono,sans-serif;  color:#000;  line-height:.9em; display:none;'>Un proyecto de Enrique Radigales</div>");
         $("#Adventicia").slideDown(500, function () {
             $("#Adventicia").children('div').slideDown(300);
         });
     });
     
//////////////////////////////////////////////////////////////////////////////////////////////////
/* END EVENTO CLICK SOBRE LOS DIVS*/
//////////////////////////////////////////////////////////////////////////////////////////////////


/* EVENTO CLICK PARA DIV ADVENTICIA */

     $("#Adventicia").click(function () {

         $("#Adventicia").children('div').slideUp(200, function () {
            $("#Adventicia").slideUp(200, function () {

                 $("#Adventicia").children('div').empty();
                 $("#Adventicia").empty();
                 $('#Adventicia').css('background', 'none');
                 $("#Adventicia").css('display', 'none');
                 $("#" + oID).show();
                 window.location.href = "/";

             });
         });

     });

//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////

/*CAMBIAMOS EL CURSOR A MANITA CON EL ROLLOVER SOBRE LOS DIV QUE HEMOS CREADO */

    $("[id^='Ruderalis'],#Adventicia").hover(function () {
         $(this).css('cursor', 'pointer');

     }, function () {
         $(this).css('cursor', 'auto');
     });

//////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////

/*EVENTO MOUSE DOWN SOBRE LOS DIVS */

/*     $("[id^='Ruderalis']").on('mousedown', function (e) {
         var node = $(this);
         var initialized = {
             event: {
                 left: e.pageX,
                 top: e.pageY
             },
             element: node.offset()
         };
         var handlers = {
             mousemove: function (e) {
                 node.css({
                     left: (initialized.element.left - initialized.event.left + e.pageX) + 'px',
                     top: (initialized.element.top - initialized.event.top + e.pageY) + 'px'
                 });
             },
             mouseup: function (e) {
                 $(this).off(handlers);
             }
         };
         $(document).on(handlers);
     });
*/
//////////////////////////////////////////////////////////////////////////////////////////////////

 });