var msg = new Array();
msg[0] = "<img class='fly' src='/images/parachute/2.png' width='29' height='28' />";
msg[1] = "<img class='fly' src='/images/parachute/1.png' width='29' height='28' />";
msg[2] = "<img class='fly' src='/images/parachute/4.png' width='29' height='28' />";
msg[3] = "<img class='fly' src='/images/parachute/3.png' width='29' height='28' />";
var font = 'Comic Sans MS';
var size = 2; // 1-7 only!
var color = 'red';
var speed = 0.045;

//var ns = (document.layers);
//var ie = (document.all);
var ie = (navigator.appName == "Microsoft Internet Explorer");
var ns = !ie;
var n = msg.length;
var a = size * 10;
var ymouse = 0;
var xmouse = 0;
var scrll = 0;
/*if (ns) {
    for (var i = 0; i < n; i++)
        document.write('<layer name="nsmsg' + i + '" top=0 left=0 height=' + a + ' width=' + a + '><center>' + props + msg[i] + '</font></center></layer>');
}
if (ie) {*/
    document.write('<div id="outer" style="position:absolute; z-index: 100; top:0px;left:0px">');
    for (var i = 0; i < n; i++)
        document.write('<div id="msg' + i + '" style="position:absolute;top:0px;left:0;height:' + a + ';width:' + a + ';text-align:center">' + msg[i] + '</div>');
    document.write('</div>');
//}
//alert(ns);
    //(ns) ? window.addEventListener(Event.MOUSEMOVE) : 0;
    $(document).ready(function() {
        $(document).mousemove(function(e) {
            xmouse = e.pageX + 50;
            ymouse = e.pageY + 40;
        });
    });
//(ns) ? window.addEventListener("mousemove", Mouse, false) : 0; 
//function Mouse(evnt) {
    //alert(ns);
//    ymouse = GetScrollY; //(ns) ? evnt.pageY + 20 - (window.pageYOffset) : event.y + 20;
//    xmouse = GetScrollX; //(ns) ? evnt.pageX + 20 : event.x + 20;
//}
//(ns) ? window.onMouseMove = Mouse : document.onmousemove = Mouse;

var y = new Array();
var x = new Array();
var Y = new Array();
var X = new Array();
for (var i = 0; i < n; i++) {
    y[i] = 0;
    x[i] = 0;
    Y[i] = 0;
    X[i] = 0;
}
function assign() {
    //alert(document.layers);
    if (ie) outer.style.top = document.body.scrollTop;
    for (var i = 0; i < n; i++) {
        //var d = (ns) ? document.layers['nsmsg' + i] : iemsg[i].style;
        var d = document.getElementById('msg'+i).style;
        var top = y[i] + getX(i - 1);
        var left = x[i] + getY(i - 1);
        d.top = top + "px";
        d.left = left + "px";
    }
}
function ripple() {
    scrll = (ns) ? window.pageYOffset : 0;
    y[0] = Math.round(Y[0] += ((ymouse) - Y[0]) * speed);
    x[0] = Math.round(X[0] += ((xmouse) - X[0]) * speed);
    for (var i = 1; i < n; i++) {
        y[i] = Math.round(Y[i] += (y[i - 1] - Y[i]) * speed);
        x[i] = Math.round(X[i] += (x[i - 1] - X[i]) * speed);
    }
    assign();
    setTimeout('ripple()', 10);
}
ripple();

function getX(iter) {
    return 18 * Math.cos(3.14 / 2 * iter);
}
function getY(iter) {
    return 20 * Math.sin(3.14 / 2 * iter);
}