function changebodysize(px)
{
$('#header').width(px);
$('#intro').width(px-10);
$('#tools').width(px-5);
$('#main-content').width(px);
$('#inner-main-content').width(px);
$('.footer-content').width(px);
$('.tab-container').width(px+2);
$('#list').width(px);
}

function changeimagesize(wpx,hpx)
{
$('.tab-content ul li').width(wpx);
$('.tab-content .main').width(wpx);
$('.tab-content .logos').width(wpx);
$('.tab-content .hover').width(wpx);
$('.tab-content ul li .main img').width(wpx);


$('.tab-content ul li').height(hpx);
$('.tab-content .main').height(hpx);
$('.tab-content .logos').height(hpx);
$('.tab-content .hover').height(hpx);
$('.tab-content ul li .main img').height(hpx);


}

function widthprocess()
{
var screenwidth = $(document).width();
var pagemin = 960;
var pagemax = 1400;
var marginmin = 100;

var finalsize = screenwidth;
if(screenwidth<pagemin)
{
var finalsize = pagemin;
}


if(screenwidth<(pagemin+(marginmin*2)))
{
var finalsize = pagemin;
}

if(screenwidth>(pagemin+(marginmin*2)))
{
var finalsize = screenwidth - marginmin - marginmin;
}
if(screenwidth>(pagemax+(marginmin*2)))
{
var finalsize = pagemax;
}


changebodysize(finalsize);

var preferedimagewidth = 250;
var preferedimageheight = 176;
var amountacross = Math.round(finalsize/preferedimagewidth);

var imagewidth = Math.floor((finalsize-amountacross+1) /amountacross);
var imageheight = Math.floor((imagewidth/preferedimagewidth) * preferedimageheight);

changeimagesize(imagewidth,imageheight);

//$('.content').html(finalsize + " - " + amountacross + " - " + imagewidth);
}

$(document).ready(function() {
  widthprocess();
});

$(window).resize(function() {
  widthprocess();
});