var rotationEffect = function (obj)
{
    var index = Math.floor(Math.random()*5);
    var satellites = $$('.satellite');
    var a_coor = $('axis').getCoordinates();
    $('axis').setStyle('visibility','visible');
    switch (index)
    {
        case 0:
            var myFx = new Fx.Elements(satellites,{transition: Fx.Transitions.Bounce.easeOut,duration: 2000});
            var o = {};
            satellites.each(function(satellite,i)
            {
                satellite.setStyle('visibility','visible');
                var s_coor = satellite.getCoordinates();
                o[i] = {top: [(a_coor.top + a_coor.height/2 - s_coor.height/2),obj[i].top],left: [(a_coor.left + a_coor.width/2 - s_coor.width/2),obj[i].left]};
            });
            myFx.start(o);
            break;
        case 1:
            var timer = 0;
            
            satellites.each(function(satellite,i)
            {
                var fx = new Fx.Morph(satellite,{transition: Fx.Transitions.linear.easeOut,duration: 1000});
                satellite.setStyle('visibility','visible');
                var s_coor = satellite.getCoordinates();
                var o = {top: [(a_coor.top + a_coor.height/2 - s_coor.height/2),obj[i].top],left: [(a_coor.left + a_coor.width/2 - s_coor.width/2),obj[i].left],opacity: [0,1]};
                fx.start.delay(timer, fx, o);
                timer += 100;
            });
            break;
        case 2:
            var timer = 0;
            
            satellites.each(function(satellite,i)
            {
                var fx = new Fx.Morph(satellite,{transition: Fx.Transitions.linear.easeOut,duration: 2000});
                satellite.setStyle('visibility','visible');
                var s_coor = satellite.getCoordinates();
                satellite.setStyles({top: obj[i].top,left:obj[i].left,opacity:0});
                var o = {opacity: 1};
                fx.start.delay(timer, fx, o);
                timer += 100;
            });
            break;
        case 3:
            satellites.each(function(satellite,i)
            {
                var fx = new Fx.Morph(satellite,{transition: Fx.Transitions.linear.easeOut,duration: 1000});
                satellite.setStyle('visibility','visible');
                var s_coor = satellite.getCoordinates();
                var o = {top: [(a_coor.top + a_coor.height/2 - s_coor.height/2),obj[i].top],left: [(a_coor.left + a_coor.width/2 - s_coor.width/2),obj[i].left],opacity: [0,1]};
                fx.start.delay(Math.floor(Math.random()*1001), fx, o);
            });
            break;
        case 4:
            var timer = 0;
            
            satellites.each(function(satellite,i)
            {
                var fx = new Fx.Morph(satellite,{transition: Fx.Transitions.linear.easeOut,duration: 2000});
                satellite.setStyle('visibility','visible');
                var s_coor = satellite.getCoordinates();
                satellite.setStyles({top: obj[i].top,left:obj[i].left,opacity:0});
                var o = {opacity: 1};
                fx.start.delay(Math.floor(Math.random()*1001), fx, o);
            });
            break;
    }
}

function axisFx()
{
    var a = $('axis');
    if (a)
    {
        $$('.satellite','#axis').each(function(el){el.setStyle('position', 'absolute');});
        var p = a.getParent();
        var a_coor = a.getCoordinates();
        var p_coor = p.getCoordinates();
        
        a.setStyles({top: (p_coor.height/2 - a_coor.height/2),left: (p_coor.width/2 - a_coor.width/2)});
        var page = new Rotation('.satellite',{effect:rotationEffect,magnatude:240});
        page.start();
    }
}

function contentFx()
{
    var c = $('content-region');
    
    if (c)
    {
        var p = c.getParent();
        var p_coor = p.getCoordinates();
        var fx = new Fx.Elements($$(c),{transition: Fx.Transitions.Bounce.easeOut,duration: 2000});
        c.setStyle('visibility','visible');
        var w = window.getSize();
        
        $('pageContent').setStyles({
        	width: (w.x - 355),
        	height: (w.y - 240)
        })
        
        fx.start({'0':{width: [120,(w.x - 260)],top: [(p_coor.height/2 - 120),60],left: [(p_coor.width/2 - 60),130]}});
    }
}

window.addEvents({
    'load': function()
    {
        axisFx();
        contentFx();
        
        var b = $('back-button');
        if (b)
        {
            b.addEvent('click',function(){history.back(1);});
        }
    },
    'resize': function()
    {
        axisFx();
        contentFx();
    }
});