(function($){
    $(document).ready(function(){
        var docWidth = $('#podglad').width()
        var docHeight = $('#podglad').height()
        var animSpeed = 500;
        var easeType="easeOutCirc";
        // add parallaxable elements
        var pList = [
        {
            'obj' : $('#tlo'),
            'xStart' : -120,
            'yStart' : -120,
            'xRange' : 240, //hmmm to wynika z dalszego kodu 
            'yRange' : 240,
            'invert' : true//false
        },
        {
            'obj' : $('#ikonka-facebook'),
            'xStart' : 10,
            'yStart' : 12,
            'xRange' : 5, //hmmm to wynika z dalszego kodu 
            'yRange' : 12,
            'invert' : true//false
        },
        {
            'obj' : $('#zmiana-jezyka'),
            'xStart' : 760,
            'yStart' : 12,
            'xRange' : 5, //hmmm to wynika z dalszego kodu 
            'yRange' : 12,
            'invert' : true//false
        },
        {
            'obj' : $('#przycisk-praca'),
            'xStart' : 842,
            'yStart' : 12,
            'xRange' : 5, //hmmm to wynika z dalszego kodu 
            'yRange' : 12,
            'invert' : true//false
        }
        ]
        // set the initial locations, used for mathmatical reference
        /*$.each(pList, function(index,value) {
            var position = value.obj.position()
            value.xStart = position.left
            value.yStart = position.top
        })*/
        //$(document).mousemove(function(e){
        $('#podglad').mousemove(function(e){
            var x = e.pageX - $(this).offset().left - parseInt( $(this).css('width') ) /2 ; //e.pageX
            var y = e.pageY - $(this).offset().top - parseInt( $(this).css('height') ) /2 ;
            var hRatio = Math.round((x/docWidth)*100)/100
            var vRatio = Math.round((y/docHeight)*100)/100
            $.each(pList, function(index,value) {
                if ( value.obj.is(':visible') ){
                if(value.invert != true){
                    value.obj.stop().animate( {'left': value.xStart + (value.xRange*hRatio)}, aminSpeed , easeType)
                } else {
                    value.obj.stop().animate( {'left': value.xStart - (value.xRange*hRatio)}, animSpeed , easeType )
                }
                }
            })
        })
        /*$(window).resize(function(e){
            docWidth = $(window).width()
            docHeight = $(window).height()
        })*/
    })
})(jQuery)