jQuery.fn.popin = function(o) {
	
	var settings = jQuery.extend({
		width : 400,
		height : 250,
		className: "",
		loaderImg: "",
		opacity: .5,
		backcolor: "#000",
		onStart: null,
		onComplete: null,
		onExit: null
	}, o);
			
	// Action ouverture
	jQuery(this).each(function() {
		jQuery(this).click(function() {
			PPNopen($(this).attr("id"));
			return false;
		});

	//jQuery(this).mouseover(function() {
	//		PPNopen($(this).attr("id"));
	//		return false;
	//	});
	});
	
	// Popin Ouverture
	var Loader = new Image();
	Loader.src = settings.loaderImg;
	
	ie6 = ($.browser.msie && ($.browser.version == "6.0")) ? true : false;
	ie7 = ($.browser.msie && ($.browser.version == "7.0")) ? true : false;

	// CSS
	$("body").css("position", "relative");
	

	function PPNopen(url) {
		
		if(settings.onStart != null) {
			settings.onStart();
		}
		
		if(ie6 == true) {
			$("#PPNCSS").remove();
			$("body").append(''
				+	'<style type="text/css" id="PPNCSS">'
				+	'.popin-voile {top:expression(documentElement.scrollTop + body.scrollTop + "px")}'
				+	'.popin {top:expression(documentElement.scrollTop + body.scrollTop + documentElement.clientHeight/2) - ' + (settings.height/2) + ' + "px")}'
				+	'</style>'
				+	'');
		}

	
		// Insertion du voile & Verrouillage du scroll	
		$("body").prepend('<div class="popin-voile"></div>');
		
		// CSS du voile
		$(".popin-voile").css("opacity",		0)
				.css("left",			0)
				.css("z-index",			"9000")
				.css("width",			"100%")
				.css("height",			0)
				.css("background-color",	settings.backcolor)
				.css("background-position",	"center center")
				.css("background-repeat",	"no-repeat");
		if(ie6 == true) {
			$(".popin-voile").css("position",	"absolute");
		}
		else {
			$(".popin-voile").css("top",		0)
					.css("position",	"fixed");
		}
		
		// Patch IE6
		if(ie6 == true) {
			
			PPNhtmlScroll 		= document.getElementsByTagName("html")[0].scrollTop;
			var PPNbodyMargin 	= new Object();
			PPNbodyMargin.top 	= parseInt($("body").css("margin-top"));
			PPNbodyMargin.right 	= parseInt($("body").css("margin-right"));
			PPNbodyMargin.bottom 	= parseInt($("body").css("margin-bottom"));
			PPNbodyMargin.left 	= parseInt($("body").css("margin-left"));
			
			$("html, body").css("height", "100%");
			$("html, body").css("overflow", "hidden");
			$("body").height($("body").height());
			PPNbodyHeight = parseInt($("body").height());
			$("html, body").css("overflow", "visible");
			$("html, body").css("overflow-x", "visible");
			
			PPNbodyTop = ((PPNbodyMargin.top + PPNbodyMargin.bottom) < PPNhtmlScroll) ? (PPNbodyMargin.top + PPNbodyMargin.bottom - PPNhtmlScroll) : 0;
			$("body").css("top", PPNbodyTop );		
			$(".popin-voile").css("top", -(PPNbodyMargin.top + PPNbodyMargin.bottom - PPNhtmlScroll) );
			$(".popin-voile").css("left", (- PPNbodyMargin.left) );
			$(".popin-voile").css("width", $("html").width());
			
		} else {
//			$("html, body").css("overflow", "hidden");
		}
	
		// Affichage du voile
		//$(".popin-voile").animate({opacity:settings.opacity,
		//			height:((ie6 == true) ? (PPNbodyHeight + PPNbodyMargin.top + PPNbodyMargin.bottom) : "100%")}, function() 
		//{
		
		$(".popin-voile").css("height",((ie6 == true) ? (PPNbodyHeight + PPNbodyMargin.top + PPNbodyMargin.bottom) : "100%"));
		$(".popin-voile").css("opacity",settings.opacity);
		$(".popin-voile").show();
					
			// Loader
			$(".popin-voile").css("background-image", "url('"+settings.loaderImg+"')");
			
			// Insertion de la popin et animation
//			$(".popin").css("height", $("body").height() );
//			$(".popin").css("height", $("div#"+url).height());
					// Création de la popin
			$("body").prepend('<div class="popin ' + settings.className + '"><div class="popin-content"></div></div>');

			$(".popin").css("left",			"50%")
						.css("z-index",			"9500")
//						.css("overflow",		"hidden")
						.css("margin-left",		-(settings.width/2));

//			$(".popin-content").css("overflow",	"auto")
//							.css("height",			"auto")
//							.css("height",		$(".popin").height()
//										- 	parseInt($(".popin").css("padding-top"))
//										- 	parseInt($(".popin").css("padding-bottom"))
//							);
			if(ie6 == true) 
			{
				$(".popin").css("position",	"absolute")
					.css("margin-top",	0);
			}
			else 
			{
				$(".popin").css("position",	"fixed")
					.css("top",		"50%")
					.css("margin-top",	-(settings.height/2));
			}
			// Chargement du contenu
			$(".popin-content").html($("div#"+url).html());
//			$(".popin-content").html("hallo <br> hallo");
//			$("div > #"+url).show();

			$(".popin-voile").css("background-image", "");
					
			// Affichage
			if(ie6 == true) {
				$(".popin").css("top", parseInt($(".popin").css("top")) - PPNbodyTop );
			}
			$(".popin").fadeIn("fast", function() {
				if(settings.onComplete != null) {
					settings.onComplete();
				}
			});
					
			// Action fermeture
			$(".popin-close, .popin-voile").click(function() {
				PPNclose();
				return false;
			});
			
		//});
			
		$("html").keydown(function(e){
			if(e.keyCode == '27') {
				PPNclose();
			}
		});
	
	}
	
	// Popin fermeture
	function PPNclose() {
	
		$("html").unbind("keydown");
		
		$(".popin").fadeOut("slow", function() {
		
			$(".popin-voile").animate({opacity:0, height:0}, function() {
			
				// Suppression du voile & Déverrouillage du scroll	
				if(ie6 == true) {
					$("html, body").css("height", "auto");
					$("html, body").css("overflow", "auto");
					$("html, body").css("overflow-x", "hidden");
					$("body").css("top", 0);
					window.scrollTo(0, (PPNhtmlScroll) );
				} else {
					$("html, body").css("overflow", "auto");
				}
				$(".popin, .popin-voile").remove();
				
				if(settings.onExit != null) {
					settings.onExit();
				}
				
			});

		});
		
	}


};