//jasper
//temp udvikling
definegrid = function() {
    var browserWidth = $(window).width(); 
    /*if (browserWidth >= 1001) 
                {
                    pageUnits = 'px';
                    colUnits = 'px';
                    pagewidth = 960;
                    columns = 6;
                    columnwidth = 140;
                    gutterwidth = 24;
                    pagetopmargin = 35;
                    rowheight = 24;
                    gridonload = 'off';
                    makehugrid();
                }*/
    /*
Mobile Layout: 320px
Wide Mobile Layout: 480px
Tablet Layout: 768px
Default Layout: 992px (Leftover space for scrollbars @1024px: 32px)
*/
    if (browserWidth >= 900) 
    {
        pageUnits = 'px';
        colUnits = 'px';
        pagewidth = 840;
        columns = 12;//576
        columnwidth = 48;
        gutterwidth = 24;//264
        pagetopmargin = 20;
        rowheight = 24;
        gridonload = 'off';
        makehugrid();
    } 

    if (browserWidth < 900) 
    {
        pageUnits = 'px';
        colUnits = 'px';
        pagewidth = 696;
        columns = 10;
        columnwidth = 48;
        gutterwidth = 24;
        pagetopmargin = 20;
        rowheight = 24;
        gridonload = 'off';
        makehugrid();
    }
    if (browserWidth < 744) 
    {
        pageUnits = 'px';
        colUnits = 'px';
        pagewidth = 552;
        columns = 8;//384
        columnwidth = 48;
        gutterwidth = 24;//168
        pagetopmargin = 20;
        rowheight = 24;
        gridonload = 'off';
        makehugrid();
    }
    /*if (browserWidth <= 744) 
    {
        pageUnits = '%';
        colUnits = '%';
        pagewidth = 96;
        columns = 2;
        columnwidth = 49;
        gutterwidth = 2;
        pagetopmargin = 5;
        rowheight = 20;
        gridonload = 'off';
        makehugrid();
    }*/
}
$(document).ready(function() {
    definegrid();
    setgridonload();
});    
            
$(window).resize(function() {
    //definegrid();
    //console.log($(window).width())
});