$(document).ready(function(){
    
    //alert($(window).width()+" x "+$(window).height());
    
    
    $("a").click(function(event){
        
        //$(this).hide("slow")
        event.preventDefault();
    });
    
    $("a").addClass("test");
    
    $(window).resize(function(){
        
        fixBodyDivsSizes();
        
    });
    
    $('#test-button').click(function() {
        $('#inside-content').hide().load('a.html', function() {
           // bindBehaviors(this);
            $(this).fadeIn();
        });
    });
    
    fixBodyDivsSizes();        
});



function fixBodyDivsSizes(){

    $("#body").width($(window).width());
    $("#body").height($(window).height());
    var footerHeight=$("#footer").height();
    var headerHeight=$("#header").height();
    
    $("#aside").height($(window).height()-$("#header").height()-$("#footer").height());
//    $("#content").height($(window).height()-$("#header").height()-$("#footer").height());

// I had to hard code 70 (which is the total height of header and footer ) because on the relading the page the calculation doesnt work.
     $("#inside-content").height($(window).height()-70);
     
     $("#question-input-homepage").css("margin-top", $(window).height()/3);
     
    
}