/* language panel */

$('#languagePanel').ready(function () {
    //alert(123);
    //alert($(a).id);
    var flags = [{ name: 'Italia', file: 'Italia.png' }, { name: 'USA', file: 'USA.png'}];
    var baseWidth = '32px'
    var hoverWidth = '48px';
    var panel = $('#languagePanel');

    $(flags).each(function (index, item) {
        //alert(item.file);
        panel.prepend(
            $('<img>').attr('src', '/Icons/Flags/' + item.file).attr('alt', item.name)
                .css({ 'width': baseWidth, cursor:'pointer', })
                .hover(
                    function () { $(this).animate({ 'width': hoverWidth }, 200); },
                    function () { $(this).animate({ 'width': baseWidth }, 600); }
                )
        );
    });



    //$('#languagePanel')//.after($('<div>').text('cazzo 2'));
    //.after($('<img>').attr('src', '/Icons/Flags/Italia.png'));
});



/* backgroud parallax */
var wWidth = $(window).width();
var wHeight = $(window).height();
var horizontalCenter = wWidth/2;
var verticalCenter = wHeight/2;
$('html').ready( function() {
    $('html').css("background-position", 0+"px " + 0+"px");
    //scrollBackground(50);
    return;

    $('html').mousemove( function(event){
        // mouseShift = mouse position respect to horizontal center 
        // background x pixel to shift = mouseShift * fraction;
        bgX = (horizontalCenter-event.pageX)*0.03; 
        bgY = ((verticalCenter-event.pageY)*0.01)-30; // evita il margine di unione tra due immagini verticali
        $('html').css("background-position", bgX+"px " + bgY+"px");
    })
});

/// speed = steps for second
var current = 0;
function scrollBackground(speed)
{
    //positions = $('html').css("background-position").split(' ');
    //current = positions[0].replace('%', '').replace('px', '') + 2;
    current += 2;
    if(current == 1920)
        current = 0;
    //alert(current);
    $('html').css("background-position", current+"px " + 0+"px");

    setTimeout("scrollBackground("+speed+");", 1000/speed);
}