jQuery(document).ready(function($){
    var setHeight = function(){
        var headerHeight = $('#td-header').height();
        $('#td-demo').height($(window).height() - headerHeight);
    }
    var clickDemo = function(url){
        var scH = $(document).scrollTop();
        $(".header").hide();
        $("#Contarit").hide();
        $("#footer").hide();
        if($("#td-demo")[0] == undefined){
            var html = '<div id="td-header">';
            html += '<div id="logo"><a href="http://www.wopus.org" title="Wopus首页">Wopus</a></div>';
            html += '<div id="icon"><a id="close" href="#" title="关闭">关闭</a><a id="back" href="#" title="返回">返回</a></div></div>';
   	        html += '<iframe id="td-demo" src="' + url + '" name="theme-demo" style="width:100%" frameborder="0" noresize="noresize"></iframe>';
            $("#footer").after(html);
            $("#td-header #icon #close").click(function(){
                window.location.href = url;
            });
            $("#td-header #icon #back").click(function(){
                $(".header").show();
                $("#Contarit").show();
                $("#footer").show();
                $("#td-demo").hide();
                $("#td-header").hide();
                $(document).scrollTop(scH);
                return false;
            });
        }else{
            $("#td-header").show();
            $("#td-demo").show();
        }
        setHeight();
    }
    $(".postBox").find("a:contains('Demo')").click(function(){
        clickDemo($(this).attr("href"));
        return false;
    });
    $(".postBox").find("a:contains('DEMO')").click(function(){
        clickDemo($(this).attr("href"));
        return false;
    });
    $(window).resize(function(){
        setHeight();
    }).load(function(){
        setHeight();
    });
});