(function($){

    $.fn.extend({



        progweather: function(options) {


            var weather_content = $('.weather_content', this);
            
            if(typeof weather_content != 'undefined' && weather_content) {
                
                var href = '/weather/index/ajax-weather';
                $.get(href, function(res) {
                   
                   if(res) {
                       
                       $(weather_content).html('');
                       //$(weather_content).css('text-align', 'left');

                       var span = $('<p></p>'); $(span).css('margin', '0');
                       $(span).css('clear', 'both');
                       var img = $('<img></img>');
                       $(img).css('border', '5px #C0D5E2 solid');
                       $(img).attr('src', res.weatherIconUrl);
                       $(img).attr('alt', '');
                       $(span).append(img);
                       
                       $(weather_content).append(span);                       
                       
                       span = $('<p></p>'); $(span).css('margin', '0');
                       $(span).css('clear', 'both');
                       $(span).html('Zachmurzenie: <b>'+res.cloudcover+'%</b>');
                       $(weather_content).append(span);
                       
                       span = $('<p></p>'); $(span).css('margin', '0');
                       $(span).css('clear', 'both');
                       $(span).html('Wilgotność: <b>'+res.humidity+'%</b>');
                       $(weather_content).append(span);  
                       
                       span = $('<p></p>'); $(span).css('margin', '0');
                       $(span).css('clear', 'both');
                       $(span).html('Opady: <b>'+res.precipMM+' mm</b>');
                       $(weather_content).append(span);     
                       
                       span = $('<p></p>'); $(span).css('margin', '0');
                       $(span).css('clear', 'both');
                       $(span).html('Ciśnienie atmosferyczne: <b>'+res.pressure+' hPa</b>');
                       $(weather_content).append(span);       
                       
                       span = $('<p></p>'); $(span).css('margin', '0');
                       $(span).css('clear', 'both');
                       $(span).html('Temperatura: <b>'+res.temp_C+' °C</b>');
                        $(weather_content).append(span);   
                       
                       span = $('<p></p>'); $(span).css('margin', '0');
                       $(span).css('clear', 'both');
                       $(span).html('Prędkość wiatru: <b>'+res.windspeedKmph+' km/h</b>');
                       $(weather_content).append(span);                        
                       
                       
                   }
                    
                });
                
                
            }
        
/*
            if(typeof progtooltipid == 'undefined') {

                

                progtooltipid = 1;

                

            } else {

                progtooltipid += 1;

            }

            

            var tooltip = $('<div></div>');

            $(tooltip).css('z-index', '1100');

            $(tooltip).css('position', 'absolute');

            $(tooltip).css('display', 'none');

            $(tooltip).attr('id', 'progtooltip-'+progtooltipid);

            $(tooltip).css('width', '150px');

            $(tooltip).css('background-color', '#0A0A0A');

            $(tooltip).css('border', '1px #262626 solid');

            $(tooltip).css('text-align', 'justify');

            $(tooltip).css('padding', '5px');

            $('body').append(tooltip);

            

            $(this).attr('rel', 'progtooltip-'+progtooltipid);

            



            $(this).mouseover(function(event){

                var text = $(this).attr('alt');

                var rel = $(this).attr('rel');



                $('#'+rel).text(text);

                $('#'+rel).css('top', event.pageY-5);

                $('#'+rel).css('left', event.pageX+10);

                $('#'+rel).fadeTo(500, 0.8);                    





                return false;

            });

            

            $(this).mouseout(function(event){

                

                var rel = $(this).attr('rel');

                $('#'+rel).fadeOut(500, function(){

                  

                    $('#'+rel).css('display', 'none');

                });

                return false;

            });*/



        }

    });

})(jQuery);