//       <div id="mybox">
//            
//            <div id="mybox_aplat"></div>
//            <div id="mybox_loader"></div>
//            <div id="mybox_conteneur">
//                <div id="mybox_relative">
//                    <div id="mybox_close"></div>
//                    <div id="mybox_contenu">
//                        <img src="./app/img/PlanAccess.gif"/>
//                    </div>
//                </div>
//            </div>
//        </div>




        
$(document).ready(function(){
    mybox.init();

});        
        
mybox = {
    init:function(){
        mybox.opacite = 0.70;
        mybox.duree = 1000;
        
        mybox.largeur = 400;
        mybox.hateur = 200;
        
        $("a[rel='mybox']").click(function(){
            mybox.lien= $(this).attr("href");
            mybox.open(mybox.lien);
            return false;
        });
        
        $(window).resize(mybox.redim);
    },
    
    open:function(lien){
        //alert("stop1");
        mybox.lien = lien;
        $("body").append('<div id="mybox"><div id="mybox_aplat"></div><div id="mybox_loader"></div><div id="mybox_conteneur"><div id="mybox_relative"><div id="mybox_close"></div><div id="mybox_contenu"></div></div></div></div>');
        //alert("stop2");
        $("#mybox_conteneur").hide();
        //alert("stop3");
        //$("#mybox_loader").hide().fadeIn();
        //alert("stop4");
        $("#mybox_aplat").css("opacity",0).fadeTo(500,mybox.opacite);
        //alert("stop5");
        mybox.img = new Image();
        mybox.img.src = mybox.lien;
        mybox.timer=window.setInterval(mybox.load,100);
        
        $("#mybox_close").click(mybox.close);
        $("#mybox_aplat").click(mybox.close);
        },
        
        load:function(){
            if(mybox.img.complete){
                window.clearInterval(mybox.timer);
                mybox.anim();
            }
        },
        
        anim:function(){
            $("#mybox_conteneur").show();
            
            $("#mybox_contenu").css("widht", mybox.largeur+"px").css("height", mybox.hauteur+"px");
            
            
            mybox.largeur = mybox.img.width;
            mybox.hauteur = mybox.img.height;
            //alert('<img src="' + mybox.lien + '"/>');
            
            mybox.redim();
            
            
            $("#mybox_loader").fadeOut();
            $("#mybox_contenu").append('<img src="' + mybox.lien + '"/>');
            $("#mybox_contenu img").hide();
            
            $("#mybox_contenu").animate({width:mybox.largeur},mybox.duree/2).animate({height:mybox.hauteur},mybox.duree/2,"easeOutQuad",function(){
               
                $("#mybox_contenu img").fadeIn();
                
            });
            
   

            },
        close:function(){
            $("#mybox").fadeOut(500, function(){
                $("#mybox").remove();
            })
            },
            
        windowH: function(){
            if(window.innerHeight) return window.innerHeight;    
            else{return $(window).height();}    
            },
            
        windowW: function(){
            if(window.innerWidth) return window.innerWidth;    
            else{return $(window).width();}    
            },

        redim: function(){
            $("#mybox_conteneur").css("left",((mybox.windowW()-mybox.largeur)/2)+"px");   
            $("#mybox_conteneur").css("top",(mybox.scrollY()+(mybox.windowH()-mybox.hauteur)/2)+"px");   
           },
           
        scrollY: function(){
            scrOfY= 0;
            if(typeof(window.pageYOffset)== 'number'){
                //netscape compliant
                scrOfY= window.pageYOffset;
            }
            else if(document.body && (document.body.scrollTop)){
                //DOM compliant
                scrOfY= document.body.scrollTop;
            }else if(document.documentElement && (document.documentElement.scrollTop)){
                //IE6 standards compliant mode
                scrOfY= document.documentElement.scrollTop;
            }
            return scrOfY;
            }       
           
}