GRAN AMARILLOVERSIÓN HTML

Desarrollado por Enrique Radigales para el Centro Cultural de España en Guatemala y curado por Emiliano Valdés.
Comisariado por Iván López Munuera.

window.addEvent('domready', function () {
gran_amarillo();
});
function gran_amarillo ()
{
var size_x = 25;
var size_y = 42;
var bigsize_x = origsize_x = 1395;
var bigsize_y = origsize_y = 2363;
var offset_x = 150;
var offset_y = 20;
var limite_y = 750;
var padd_top = 260;
var padd_bot = 320;
var padd_left = 30;
var padd_right = 100;
var url = '/web/20140518151029/http://www.enriquecimiento.com/img/';
var imagenes = Asset.images([url+'amarillo.png', url+'amarillo2.png']);
var browser_size = window.getScrollSize();
var elem = (document.compatMode === "CSS1Compat") ? document.documentElement : document.body;
var viewport_size_y = elem.clientHeight;
var pos_x = Number.random(0, browser_size.x - size_x);
var pos_y = Number.random(0, browser_size.y - size_y);
if (viewport_size_y >= limite_y) {
bigsize_x = (bigsize_x * (browser_size.y - (offset_y * 2)) / bigsize_y);
bigsize_y = browser_size.y - (offset_y * 2);
} else {
bigsize_y = (bigsize_y * (browser_size.x - (offset_x * 2)) / bigsize_x);
bigsize_x = browser_size.x - (offset_x * 2);
}
padd_top = (padd_top * bigsize_y ) / origsize_y;
padd_bot = (padd_bot * bigsize_y ) / origsize_y;
padd_left = (padd_left * bigsize_x ) / origsize_x;
padd_right = (padd_right * bigsize_x ) / origsize_x;
offset_x = (browser_size.x - bigsize_x ) / 2;
var contenedor_mancha = new Element('div', {
id: 'contenedor_mancha',
styles: {
width: size_x,
height: size_y,
position: 'absolute',
top: pos_y,
left: pos_x,
cursor: 'pointer',
overflow: 'hidden'
}
});
var imagen_mancha = new Element('img', {
src: url + 'amarillo.png',
styles: {
width: '100%',
height: '100%'
}
});
var texto_mancha = new Element('div', {
id: 'texto_mancha',
html: '<p style="font-family: Georgia; font-size: 50px; margin-bottom: 30px; margin-top: 30px; position: relative; display: inline-block;">GRAN AMARILLO<span style="font-size: 10px; position: absolute; bottom: -15px; right: 5px;">VERSIÓN HTML</span></p><p style="font-family: courier; font-size: 11px; padding: 0 20px; margin-bottom: 20px">Desarrollado por Enrique Radigales para el Centro Cultural de España en Guatemala y curado por Emiliano Valdés.<br/>Comisariado por Iván López Munuera.</p><p style="font-family: courier; font-size: 11px; padding: 0 40px">'+codigo+'</p>',
styles: {
'text-align': 'center',
width: bigsize_x - padd_left - padd_right,
height: bigsize_y - padd_top - padd_bot,
position: 'absolute',
top: padd_top,
left: padd_left,
opacity: 0,
display: 'none',
overflow: 'hidden'
}
});
imagen_mancha.inject(contenedor_mancha);
texto_mancha.inject(contenedor_mancha);
contenedor_mancha.inject($(document.body));
var efecto = new Fx.Morph('contenedor_mancha', {
duration: 'long',
transition: Fx.Transitions.Bounce.easeOut
});
var crecer = function ()
{
imagen_mancha.set('src', url + 'amarillo2.png');
efecto.start({
'width': [size_x, bigsize_x],
'height': [size_y, bigsize_y],
'left': [pos_x, offset_x],
'top': [pos_y, offset_y]
}).chain(function () {
$('texto_mancha').setStyle('display', 'block');
$('texto_mancha').fade('in');
});
this.removeEvents('click');
this.addEvent('click', f_decrecer);
}
var f_crecer = crecer.bind($('contenedor_mancha'));
var decrecer = function ()
{
$('texto_mancha').set('opacity', 0);
$('texto_mancha').setStyle('display', 'none');
imagen_mancha.set('src', url + 'amarillo.png');
efecto.start({
'width': [bigsize_x, size_x],
'height': [bigsize_y, size_y],
'left': [offset_x, pos_x],
'top': [offset_y, pos_y]
});
this.removeEvents('click');
this.addEvent('click', f_crecer);
}
var f_decrecer = decrecer.bind($('contenedor_mancha'));

$('contenedor_mancha').addEvent('click', f_crecer);
}