$(document).ready(function(){
   
    
    var remote =  '<div id="iframeWindowDemo" style="position:absolute; display:none; padding:10px; padding-top:0px; padding-bottom:45px; background-color:#f6861f; border:solid 1px #000; overflow:hidden;z-index:3000">' +
                  '<div style="height:100%">' + 
                        '<table width="100%">' + 
                        '<tr>' +
                            '<td align="left">' +
                                '<span  style="color:white; font-size:15px; font-family:Verdana; font-weight:bold" id="remoteHeader"></span>' +
                            '</td>' +
                                '<td align="right" style="color:white; font-size:15px; font-family:Verdana; font-weight:bold">' +
                                '<a href="javascript:void(0)" class="closeRemote" style="color:white;text-decoration:none">x</a>' +
                            '</td>' +
                        '</tr>' +
                        '</table>' +
                        '<iframe id="demoIFrame" style="margin-left: 0; border: solid 1px #000; background-color: #ffffff;" src="" scrolling="no" width="100%" height="100%" frameborder="0"></iframe>' +
                        '<div class="closeRemote" style="float:left"><b><a href="javascript:void(0)" style="color:White; font-family:arial">Close Window</a></b></div>' +
                   '</div>' +
                   '</div>';
    
     $("body").append(remote);  
    
     $(".closeRemote").click(function(){
       //tb_remove(); 
       $("#iframeWindowDemo").fadeOut("slow",function(){
            $("#demoIFrame")[0].src = "";
            
       });
    });

});

 function openDemo(url){
    //tb_show();
    $("#iframeWindowDemo").css("margin-left","-315px");
    $("#iframeWindowDemo").css("left","50%");
    $("#iframeWindowDemo").css("top","50%");
    var scrollPos = document.documentElement.scrollTop;
  
    $("#iframeWindowDemo").css("margin-top",(-300+scrollPos)+"px");
    
    $("#iframeWindowDemo").css("height","530px");
    $("#iframeWindowDemo").css("width","630px");
  
    $("#demoIFrame")[0].src = url;

    $("#iframeWindowDemo").fadeIn("slow");

}

function openQuestionPreview(q){

    tb_show();
    $("#iframeWindowDemo").css("margin-left","-203px");
    $("#iframeWindowDemo").css("left","50%");
    var scrollPos = document.documentElement.scrollTop;
    $("#iframeWindowDemo").css("top",(scrollPos + 100)+"px");
    
    $("#iframeWindowDemo").css("height","360px");
    $("#iframeWindowDemo").css("width","405px");
  
    $("#demoIFrame")[0].src = "/selectquestions/questionPreview.aspx?q=" + q;

    $("#iframeWindowDemo").fadeIn("slow");
}