/* 
 * Ett lightboxscript som laddar upp saker  centrerat på skärmen
 */

var heap_lightbox = {

    
    init : function(typ, value){
        $("body").css('overflow-y','hidden');

        this.load_lightbox(typ,value);
    },

    load_lightbox : function(typ,value){


        //Skapar bakgrundslagret
        $('<div id="overlay"></div>')
            .css('top',$(document).scrollTop())
            .css('opacity','0')
            .animate({'opacity' : '0.5'}, 'slow')
            .appendTo('body');


         //Skapar lagret som håller content
         $('<div id="lightbox"></div>')
            .hide()
            .appendTo('body');

         if(typ == 1){//det är html som skall visas
             $('<p id="box_close_cont" class="right"></p>').appendTo("#lightbox");
             $('<a href="javascript: heap_lightbox.close_box();" id="lightbox_closer"></a>').appendTo('#box_close_cont');
             $('<img/>').attr('src','heap/gfx/icones/cross_octagon.png').appendTo('#lightbox_closer');
             
             var css = {
               'width' : 250,
               'border' : '5px solid #ccc'
             };

             $('#lightbox').css(css).addClass('html');
             $(value).appendTo("#lightbox");

             //$(value).load(function(){

                    this.center_lightbox();
                    
               // }
                //.appendTo("#lightbox"));

         }
         else if(typ == 2){//Bild som skall visas

            var hej = this;
            $('<img/>').css({'z-index':1})
                .attr('src',value)
                .load(function(){
                    hej.center_lightbox();
                })
                .appendTo("#lightbox");
         }
    },

    center_lightbox : function(){

        var top = parseInt(($(window).height() - $('#lightbox').height()) / 2);
        var left = parseInt(($(window).width() - $('#lightbox').width()) / 2);

       //var top = 10;
       //var left = 20;

        $("#lightbox")
            .css({
                'top' : top + $(document).scrollTop(),
                'left' : left
            })
            .fadeIn();

    },

    close_box : function(){
    
        $("#lightbox").fadeOut('fast',function(){
            $('#overlay').fadeOut('fast',function(){
                $(this).remove();
                $('body').css('overflow-y','auto');
            });
            $(this).remove();
        });
        
    }

};