/*
 * All right reserved
 * yada yada
 * Web3R - Mai 2010
 */

$(document).ready(function(){

    // random cloud
    randomnumber=Math.floor(Math.random()*3)+1;
    $('#banner_content').removeClass('*').addClass('banner_clouds' + randomnumber);


    $('#nav a').hover(menu_hover, menu_hover_out);
    steady_kite();
    $('#cerfvolant').draggable({
        start: function() {
            $('#cerfvolant').stop();
        },
        stop: animate_kite
    });

    //$('#cerfvolant').mouseup(animate_kite);
});

function menu_hover()
{
    $(this).parent().children('.menu_hover').fadeIn(500);
}

function menu_hover_out()
{
    $(this).parent().children('.menu_hover').fadeOut(500);
}

var kite_left = 0;
var kite_top = 0;
function steady_kite()
{
    var min_right = 210;
    var max_right = 300;
    kite_left += (20 - Math.floor(Math.random()*40));
    if (kite_left < min_right) { kite_left = min_right; }
    if (kite_left > max_right) { kite_left = max_right; }

    var min_top = 0;
    var max_top = 60;
    kite_top += (5 - Math.floor(Math.random()*10));
    if (kite_top < min_top) { kite_top = min_top; }
    if (kite_top > max_top) { kite_top = max_top; }

    $('#cerfvolant').animate({
        top: kite_top,
        right: kite_left
    }, 2000, steady_kite);


    $('#cerfvolant')
}

function animate_kite()
{

    var left_right = 0;

    while (Math.abs(left_right) < 30) {
        left_right = (200 - Math.floor(Math.random()*400));
    }


    if ( ($('#cerfvolant').position().left + left_right) < 0) {
        left_right = Math.abs(left_right); // go right
    }

    if ( ($('#cerfvolant').position().left + left_right) > 900 ) {
        left_right = 0 - Math.abs(left_right); // go left
    }

    var new_left = '+=' + Math.abs(left_right);
    if (left_right < 0) {
        new_left = '-=' + Math.abs(left_right);
    }

    var new_top = $('#cerfvolant').position().top - 200;
    
    $('#cerfvolant').animate({
            top: [new_top, 'linear'],
            left: [new_left, 'easeInOutQuad']
        }, 2000, function() {
            
            animate_kite();
        }
    );
}
