/*
 * Pop-in jQuery pour l'affichage des grandes images relatives aux réa
 */

/*
 <div id="popbox">
    <div id="popbox_aplat"></div>
    <div id="popbox_loader"></div>
    <div id="popbox_conteneur">
        <div id="popbox_relative">
            <div id="popbox_close"></div>
            <div id="popbox_contenu">
                <img src="http://www.teveo.fr/wp-content/uploads/2008/03/apple.jpg" alt="apple NY"/>
            </div>
        </div>
    </div>
</div>
 */

jQuery(document).ready(function(){
	popbox.init();
});

popbox = {

    init : function(){
        popbox.opacity = 0.7;
        popbox.duree = 1000;

        jQuery('a[rel="popbox"]').live('click', function(){
            popbox.lien = jQuery(this).attr('href');
            popbox.open(popbox.lien);
            return false;
        });

        jQuery(window).resize(popbox.redim);
    },

    open : function(lien){
        popbox.lien = lien;
        jQuery('body').append('<div id="popbox"><div id="popbox_aplat"></div><div id="popbox_conteneur"><div id="popbox_relative"><div id="popbox_loader"></div><div id="popbox_close"></div><div id="popbox_contenu"></div></div></div></div>');
        jQuery('#popbox_conteneur').hide();
        jQuery('#popbox_loader').hide().fadeIn();
        jQuery('#popbox_aplat').css('opacity',0).fadeTo(500,popbox.opacity);

        popbox.img = new Image();
        popbox.img.src = popbox.lien;
        popbox.timer = window.setInterval(popbox.load,100);

        jQuery('#popbox_close').click(popbox.close);
        jQuery('#popbox_aplat').click(popbox.close);

        jQuery(document).keyup(function(event){
            if(event.keyCode==27){
                popbox.close();
            }
        });
    },

    load : function(){
        if(popbox.img.complete){
            window.clearInterval(popbox.timer);
            popbox.anim();
        }
    },

    anim : function(){
        jQuery('#popbox_conteneur').show();

        jQuery('#popbox_contenu').css('width', '200px').css('height', '100px');

        popbox.largeur = popbox.img.width;
        popbox.hauteur = popbox.img.height;

        popbox.redim();

        jQuery('#popbox_loader').fadeOut();
        jQuery('#popbox_contenu').append('<img src="'+popbox.lien+'" />');
        jQuery('#popbox_contenu img').hide();
        jQuery('#popbox_contenu').animate( {width:popbox.largeur}, popbox.duree/2 )
                                 .animate( {height:popbox.hauteur}, popbox.duree/2, 'easeOutQuad', function (){
                                        jQuery('#popbox_contenu img').fadeIn();
                                    });
    },

    redim : function(){
        jQuery('#popbox_conteneur').css('left', (popbox.windowW()-popbox.largeur)/2+'px');
        if(popbox.windowH()<popbox.hauteur){
            jQuery('#popbox_conteneur').css('top', (popbox.scrollY()+(popbox.windowH()-(popbox.hauteur)/1.55)/2)+'px');
        } else {
            jQuery('#popbox_conteneur').css('top', (popbox.scrollY()+(popbox.windowH()-popbox.hauteur)/2)+'px');
        }      
    },

    close : function(){
        jQuery('#popbox_conteneur, #popbox_aplat').fadeOut(popbox.duree/2, function(){
           jQuery('#popbox').remove();
        });
    },

    windowH : function(){
        if (window.innerHeight) return window.innerHeight;
        else{return jQuery(window).height();}
    },
    
    windowW : function(){
        if (window.innerWidth) return window.innerWidth;
        else{return jQuery(window).width();}
    },

    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;
        alert(scrOfY);
    }

}