var imgheight=369;
var imgwidth=260;

frameWidth = 0;
frameHeight = 0;
if (self.innerWidth) {
	frameWidth = self.innerWidth;
	frameHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientWidth) {
	frameWidth = document.documentElement.clientWidth;
	frameHeight = document.documentElement.clientHeight;
} else if (document.body) {
	frameWidth = document.body.clientWidth;
	frameHeight = document.body.clientHeight;
}
uid=1;

widthA = Math.round((frameWidth-160)/6)-10;
widthB = widthA*5; // five sixths
widthImgA = widthA-42;
widthImgB = widthB-42;
document.getElementById('cola').style.width=widthA+'px';
document.getElementById('colb').style.width=widthB+'px';

document.getElementById('img1').style.width=widthImgA+'px';
document.getElementById('img2').style.width=widthImgA+'px';
document.getElementById('img3').style.width=widthImgA+'px';

var ratio = widthImgB/(frameHeight-80); var picratio=0.70460704607;
var widthImgC = Math.round((frameHeight-80)*picratio);
if ((imgwidth > widthImgB) && (imgheight > frameHeight)) {
	if (widthImgC<=widthImgB) {
		finalwidth = widthImgC;
	} else {
		finalwidth = widthImgB;
	}
} else if ((imgwidth > widthImgB) && (imgheight <= frameHeight)) {
	finalwidth = widthImgB;
} else if ((imgwidth <= widthImgB) && (imgheight > frameHeight)) {
	if (widthImgC<=widthImgB) {
		finalwidth = widthImgC;
	} else {
		finalwidth = widthImgB;
	}
} else if ((imgwidth <= widthImgB) && (imgheight <= frameHeight)) {
	finalwidth = imgwidth;
}

document.getElementById('img12').style.width=finalwidth+'px';