Raphaelist_vol24 (background)

Raphael de SVG ! vol24

HTML

<script type="text/javascript" src="http://dl.dropbox.com/u/63305355/raphael-min.js"></script>

CSS

body,html
{
    height:100%;
    margin:0;
}

#canvas 
{
    height:99%;
    background:#000;
    text-align:center;
}

.text{
    letter-spacing: 20px;
    color:#fff;
    font-size:150%;
    width:60%;
    height:60%;
    position:absolute;
    left:20%;
    top:40%;
    z-index:1;
}

JavaScript

var background_a;
    var background_b;
    var twidth;
    var theight;
    var xscale;
    var yscale;
    var rec;
    var rec2;
    var height = $(window).height();
    var width = $(window).width();


    window.onload = function () {
    
        var paper = Raphael(0,0,"100%","100%");
        xscale=1;
        yscale=1;
        twidth = $(window).width();
        theight = $(window).height();
        background_a = paper.rect(0,0,twidth,theight)
        .attr({
            stroke:"none",
            fill:"45-#f00-#808"
        });
        
        rec2 = paper.rect("20%","60%","30%","30%")
            .attr({fill:"#fff",opacity:0.8,stroke:"none"});
        rec3 = paper.rect("60%","20%","30%","30%")
            .attr({fill:"#fff",opacity:0.8,stroke:"none"});
        rec4 = paper.rect("60%","60%","30%","30%")
            .attr({fill:"#fff",opacity:0.8,stroke:"none"});
        rec5 = paper.rect("40%","40%","10%","10%")
            .attr({fill:"#fff",opacity:0.6,stroke:"none"});
        rec6 = paper.rect("60%","40%","10%","10%")
            .attr({fill:"#fff",opacity:0.6,stroke:"none"});  
        rec7 = paper.rect("40%","60%","10%","10%")
            .attr({fill:"#fff",opacity:0.6,stroke:"none"});  
        rec8 = paper.rect("60%","60%","10%","10%")
            .attr({fill:"#fff",opacity:0.6,stroke:"none"});
        rec9 = paper.rect("45%","55%","5%","5%")
            .attr({fill:"#fff",opacity:0.4,stroke:"none"});
        rec10 = paper.rect("45%","55%","5%","5%")
            .attr({fill:"#fff",opacity:0.4,stroke:"none"});  
        rec11 = paper.rect("55%","45%","5%","5%")
            .attr({fill:"#fff",opacity:0.4,stroke:"none"});  
        rec12 = paper.rect("55%","55%","5%","5%")
            .attr({fill:"#fff",opacity:0.4,stroke:"none"});        
        
        background_b = paper.rect(0,0,twidth,theight)
        .attr({
            stroke:"none",
            fill:"90-#003-#f00",
            opacity:.1
        });
        
       ...