$(function(){
    $('#meteo').css({'cursor' : 'pointer'}).click(function(){
        $('body').append('<div class="meteo-overlay"></div><div class="meteo-content"><img src="' + $(this).attr('src') + '" alt="" /><br /><img src="http://meteo.profi-net.sk/graphs/LM_PERMON_PODBANSKE-d.png" alt="" /><span>ZATVORIŤ</span></div>');
        $('.meteo-overlay').css({
            'position' : 'absolute'
           ,'top' : '0px'
           ,'left' : '0px'
           ,'width' : $('body').width() + 'px'
           ,'height' : $('body').height() + 'px'
           ,'z-index' : 100
           ,'opacity' : 0.8
        }).click(function(){
            $('.meteo-overlay').remove();
            $('.meteo-content').remove();
        });
        
        $('.meteo-content').css({
            'position' : 'absolute'
           ,'top' : $(window).scrollTop() + 50 + 'px'
           ,'left' : 200 + 'px'
           ,'background' : '#FFF'
           ,'padding' : '5px'
           ,'z-index' : 100
           ,'text-align' : 'center'
        });
        $('.meteo-content span').css({
            'font-weight' : 'bold'
           ,'display' : 'block'
           ,'text-align' : 'center'
           ,'padding' : '5px 0px 0px 0px'
           ,'cursor' : 'pointer'
           ,'color' : '#000'
        }).click(function(){
            $('.meteo-overlay').remove();
            $('.meteo-content').remove();
        });
                                     
    });
    
    $('#video').css({'cursor' : 'pointer'}).click(function(){
        $('body').append('<div class="meteo-overlay"></div><div class="meteo-content"><embed width="637" height="516" src="http://www.youtube.com/v/vjLw-TTNKEg%26hl=en%26fs=1%26rel=0%26ap=%2526fmt=18" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><span>ZATVORIŤ</span></div>');
        $('.meteo-overlay').css({
            'position' : 'absolute'
           ,'top' : '0px'
           ,'left' : '0px'
           ,'width' : $('body').width() + 'px'
           ,'height' : $('body').height() + 'px'
           ,'z-index' : 100
           ,'opacity' : 0.8
        }).click(function(){
            $('.meteo-overlay').remove();
            $('.meteo-content').remove();
        });
        
        $('.meteo-content').css({
            'position' : 'absolute'
           ,'top' : $(window).scrollTop() + 50 + 'px'
           ,'left' : 200 + 'px'
           ,'background' : '#FFF'
           ,'padding' : '5px'
           ,'z-index' : 100
           ,'text-align' : 'center'
        });
        $('.meteo-content span').css({
            'font-weight' : 'bold'
           ,'display' : 'block'
           ,'text-align' : 'center'
           ,'padding' : '5px 0px 0px 0px'
           ,'cursor' : 'pointer'
           ,'color' : '#000'
        }).click(function(){
            $('.meteo-overlay').remove();
            $('.meteo-content').remove();
        });
                                     
    });
});