$(document).ready(function() {
    $(function() {
        $(".submitTerminos").click(function() {
            popupTerminos();
        });
    });
});

function popupTerminos(){
    var self = $(this);
    var content = "<div class='content'>",
		    inner = "<div class='inner'>",
		    small = false,
		    estilos = "<style>@media screen{ #lightbox { position:absolute;position:fixed;top:0;left:0;height:100%;width:100%;z-index:999; }#lightbox .content{position:relative;top:50%;left:50%;z-index:1000;margin-left:-260px;width:530px;background:#56aff2;border:7px solid #56aff2;color:#fff;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;}#lightbox .inner{background:#fff url(images/bg-lightbox.gif) repeat-x bottom left; color:#585858;padding:0px;}#lightbox h2{ background:url(images/lightbox-sprites.gif) no-repeat 0 -4px;font:bold 14px \"Trebuchet MS\", sans-serif;padding:3px 0 10px 35px; }#lightbox h2.mail{ background-position:0 -37px; }#lightbox h2.balanza{ background-position:0 -102px; }#lightbox .inner a{ color:#2173af; } #lightbox .imprimir-btn{ background:url(images/lightbox-sprites.gif) no-repeat 0 -78px; display:block; width:40px; text-align:right; padding:0 0 0 35px; line-height:20px; position:absolute; right:10px; bottom:6px; font-size:11px;text-decoration:none; } #lightbox .inner ul li{ background:url('images/etiquetas-ingredientes-bg.gif') no-repeat scroll -12px -30px transparent; padding-left:15px; list-style:none; font-size:12px;line-height:30px; } }</style>";
    content += "<h2>Términos y Condiciones</h2>" + inner + "<iframe src='" + URL_SITE + "TerminosYCondiciones.html' border='0' frameborder='no' scrolling='no' style='width:530px;height:300px;background:transparent;' allowTransparency='true'></iframe></div>";
    content += "</div>";
    $("<div id='lightbox'><a href='#' class='closer' style='position:absolute;top:0;left:0;height:" + $("body").height() + "px;width:100%;display:block;'></a>" + content + estilos + "</div>").appendTo("body");
    $("#lightbox .content").css("margin-top", "-" + ($("#lightbox .content").height() / 2) + "px");
    if (small) {
        $("#lightbox .content").width(300).css("margin-left", "-" + ($("#lightbox .content").width() / 2) + "px");
    }
    $("<a href='#' class='closer' style='position:absolute;top:5px;right:5px;color:#fff;text-decoration:none;'>cerrar</a>").appendTo("#lightbox .content");
    $(".closer", $("#lightbox").get(0)).click(function() { $("#lightbox").remove(); return false; });
    return false;
}