var footerH = 40;
var headerH = 206;

// ============================================================
function bookmarksite(title,url) {
	if (window.sidebar) // firefox
		window.sidebar.addPanel(title, url, "");
	else if(window.opera && window.print) { // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	} else if(window.external) // ie
		window.external.AddFavorite(url,title);
}

// ======================================================
function keepMenu(URL,ID) {
	var pos = URL.indexOf("?");
	var pureURL = (pos == -1) ? URL : URL.substr(0,pos);
	var restURL = (pos == -1) ? "" : URL.substr(pos+1) + "&";
	
	var params = pureURL + "?" + restURL + "menu=" + menuCatStrSelected;
	params += (typeof(ID) == "undefined") ? "" : "&currentcat="+ID; 
	return params;
}

// ======================================================
function GOstr() {
	document.getElementById('categorieen').style.display = 'none';
	document.getElementById('straten').style.display = 'block';
	menuCatStrSelected = 'str';
	doresize();
}

// ======================================================
function GOcat() {
	document.getElementById('straten').style.display = 'none';
	document.getElementById('categorieen').style.display = 'block';
	menuCatStrSelected = 'cat';
	doresize();
}

// ======================================================
function uitklap(ID) {
	if (ID != currentMenuID) { // druk niet dezelfde
		document.getElementById(ID).style.display = 'block';
		if (currentMenuID != "") { // undo vorige current
			document.getElementById(currentMenuID).style.display = 'none';
		}
		currentMenuID = ID;
	}
	doresize();
}

// ======================================================
function Aunfocus() {
	inputs = document.getElementsByTagName('a');

	for (var i=0;i < inputs.length; i++) {
		inputs[i].onfocus = function() {
			this.blur();
		}
	}
}

// ======================================================
function doresize() {
	setHwhe();
}

// ======================================================
function setHwhe() {
	// This function is like setH(), but it has a special set of arguments,
	// while the columns and their height structure are special.
	// Each column stretches its height due to its content : supply the id's of all concerning columns inside 'container'
	// the footer top position is computed after the page is loaded : under the heighest column, regarding the header height.

	var catstrID = (menuCatStrSelected == 'cat') ? 'categorieen' : 'straten';

	document.getElementById('footer').style.display = "none"; // also, it is always visibility:hidden at init

	var objH  = new Array();
	var diffH = new Array();
	var oH = 0;
	
	var offsetH = new Array();
	offsetH['left']    = 25;
	offsetH['content'] = 20;
	offsetH['right']   = 108;
	offsetH['footer']  = 35;

	// -----------------------------------------------------------------

	// left
	document.getElementById(catstrID).style.height = 'auto'; // needed ? #####################
	document.getElementById(catstrID+'-content').style.height = 'auto';
	if (document.getElementById('ExtraLeftMenu')) {
		document.getElementById('ExtraLeftMenu').style.height = 'auto';
	}
	document.getElementById('left-ads').style.height = 'auto';

	// content
	document.getElementById('content').style.height = 'auto';
	// this one HAS content AND a flexible height, onto the footer

	// right
	document.getElementById('right-zoekluikje').style.height = 'auto';
	document.getElementById('right-print').style.height = 'auto';
	document.getElementById('right-aanbiedingen').style.height = 'auto';
	document.getElementById('right-news').style.height = 'auto';
	document.getElementById('right-contact').style.height = 'auto';
	document.getElementById('right-ads').style.height = 'auto';
	// this one HAS NO content BUT a flexible height, onto the footer

	// -----------------------------------------------------------------
	
	// left
	objH['left']   = document.getElementById(catstrID+'-content').offsetHeight;
	if (document.getElementById('ExtraLeftMenu')) {
		objH['left']  += document.getElementById('ExtraLeftMenu').offsetHeight + 30; // 30 : correction ivm rood kopje + margin + afsluiter etc
	}
	diffH['left']  = objH['left'] + offsetH['left'];
	objH['left']  += document.getElementById('left-ads').offsetHeight;

	// content
	diffH['content'] = 0 + offsetH['content'];
	objH['content']  = document.getElementById('content').offsetHeight;

	// right
	objH['right']  = document.getElementById('right-zoekluikje').offsetHeight;
	objH['right'] += document.getElementById('right-print').offsetHeight;
	objH['right'] += document.getElementById('right-aanbiedingen').offsetHeight;
	objH['right'] += document.getElementById('right-news').offsetHeight;
	objH['right'] += document.getElementById('right-contact').offsetHeight;
	diffH['right'] = objH['right'] + offsetH['right'];
	
	/* now all 3 cummulative heights are determined due to the layout structure */

	// -----------------------------------------------------------------

	for (var j in objH) {
		if (objH[j] + offsetH[j] > oH)
			oH = objH[j] + offsetH[j];
	} 
	// now oH holds the heightest column : integer (px)

	var fillH = document.body.clientHeight - headerH - footerH;
	var daH = (oH < fillH) ? fillH : oH;

	document.getElementById('left-ads').style.height      = (daH - diffH['left']) + "px";
	document.getElementById('content').style.height       = (daH - diffH['content']) + "px";
	document.getElementById('content-kader').style.height = (daH - diffH['content']) + "px";
	document.getElementById('right-ads').style.height     = (daH - diffH['right']) + "px";

	document.getElementById('footer').style.top        = (daH + headerH + offsetH['footer']) + "px";
	document.getElementById('footer').style.display    = "block";
	document.getElementById('footer').style.visibility = "visible";
}

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

// ======================================================
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 submit_url() {
	var url = window.location.href;
	var url_naar = "http://www.winkelhartenschede.nl/send-friend/?link=" + url;
	window.open(url_naar,null,'height=320,width=514,status=yes,toolbar=no,menubar=no,location=no');
}