//////////////////////////////////////////////////////////////////////////////////////////
/* 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ÓSTICO TAXONÓ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);
});
*/
//////////////////////////////////////////////////////////////////////////////////////////////////
});