var efecto_grupo;

function changeToNormal(id){
    var html = $("div" + id).innerHTML;
	html = html.replace(/onmouseover="grande/g,'onmouseout="normal');
	$("div" + id).update(html);
}

function changeToGrande(id){
    var html = $("div" + id).innerHTML;
	html = html.replace(/onmouseout="normal/g,'onmouseover="grande');
	$("div" + id).update(html);
}

function grande(id){
    changeToNormal(id);
    var item = document.getElementById(id).offsetWidth;
    var grupo = document.getElementById('grupo').offsetWidth;
    var porcentaje = 33000 / item;
    var p_grupo = 97500 / grupo;
    new Effect.Scale(id, porcentaje, { scaleFromCenter: true, duration: 1 });
    if(efecto_grupo) efecto_grupo.cancel();
    efecto_grupo = new Effect.Scale('grupo', p_grupo, {duration: 0.9});
}

function normal(id){
    changeToGrande(id);
    var item = document.getElementById(id).offsetWidth;
    var grupo = document.getElementById('grupo').offsetWidth;
    var porcentaje = 30000 / item;
    var p_grupo = 94500 / grupo;
    new Effect.Scale(id, porcentaje, { scaleFromCenter: true, duration: 1 });
    efecto_grupo = new Effect.Scale('grupo', p_grupo, {duration: 1.1});
}