var footerH = 40;
var headerH = 195;

var argL = 0; // default

// ======================================================
function doresize() {
	setH('content','right');
	// give the id's of all concerning columns inside 'container'
	// Each column stretches its height due to its content :
	// the footer top position is computed after the page is loaded : under the heighest column
}

// ======================================================
function setH() {
	argL = setH.arguments.length;

	var allColH = colH(setH.arguments);
	var windowH = document.body.clientHeight - headerH;
	var fillH = windowH - footerH;
	var TFfill = (footerH + allColH < windowH);
	var daH = TFfill ? fillH : allColH;

	for (var i=0;i < argL;i++) {
		document.getElementById(setH.arguments[i]).style.height = daH + "px";
		document.getElementById(setH.arguments[i]).style.marginBottom = (TFfill ? 0 : footerH) + "px";
	}

	document.getElementById('footer').style.top = (daH + headerH) + "px";
	document.getElementById('footer').style.visibility = "visible";
	document.getElementById('contentVlineBlue').style.height = (daH - 216 - 10) + "px";
	setProductImgPosition();
}

// ======================================================
function colH(aColID) { // Array containing all IDs of the concerning COLumns
	var i;
	var oH = 0;
	var cOH = new Array();

	for (i=0;i < argL;i++) {
		document.getElementById(aColID[i]).style.height = 'auto';
		cOH[i] = document.getElementById(aColID[i]).offsetHeight;
	}

	for (i=0;i < argL;i++) {
		if (cOH[i] > oH)
			oH = cOH[i];
	}

	return oH;
}

// ======================================================
function miMV(ID) {
	document.getElementById("L"+ID).style.backgroundPosition = "0px -30px";
}

// ======================================================
function miMT(ID) {
	document.getElementById("L"+ID).style.backgroundPosition = "0px 0px";
}

// ======================================================
function subMV(ID) {
	miMV(ID);
	document.getElementById("U"+ID).style.display = 'block';
}

// ======================================================
function subMT(ID) {
	miMT(ID);
	document.getElementById("U"+ID).style.display = 'none';
}

// ======================================================
function showProductImg(img) {
	document.getElementById('imgPop').src = img;
	setProductImgPosition();
	document.getElementById('imgPopDiv').style.display = 'block';
}

// ======================================================
function setProductImgPosition() {
	if (document.getElementById('imgPopDiv')) {
		var daH = document.body.clientHeight;
		var daW = document.body.clientWidth;
		document.getElementById('imgPopDiv').style.top  = Math.round((daH-400)/2) + "px";
		document.getElementById('imgPopDiv').style.left = Math.round((daW-400)/2) + "px";
	}
}

// ======================================================
function imgPopClose() {
	document.getElementById('imgPopDiv').style.display = 'none';
}