
var menuVisible = false;

function hoverArticleTop(text, active) {
	if (active) { 
		document.getElementById('articleInfoCurrent').style.display = 'none';
		document.getElementById('articleInfoHover').innerHTML = text;
		document.getElementById('articleInfoHover').style.display = 'block';
	}  else { 
		document.getElementById('articleInfoHover').style.display = 'none';
		document.getElementById('articleInfoCurrent').style.display = 'block';
	}
}

function hoverStatus(text, active, item, divId) {
	if (active) { 
		item.style.top = '-10px';
		item.style.height = '60px';
		document.getElementById(divId).innerHTML = text;
		document.getElementById(divId).style.display = 'block';
	}  else { 
		item.style.top = '0';
		item.style.height = '50px';
		document.getElementById(divId).style.display = 'none';
	}
}

function hoverStatus2(text, active, item, classname) {
	var statusbarContainer = document.getElementById('statusbarContainer');
	var statusbar = document.getElementById('statusbar');
	if (active) { 
		item.style.top = '-10px';
		item.style.height = '60px';
		statusbar.className = 'statusbar ' + classname;
//		statusbar.innerHTML = text;
		statusbarContainer.style.display = 'block';
	}  else { 
		item.style.top = '0';
		item.style.height = '50px';
		statusbarContainer.style.display = 'none';
	}
}

function hoverStatus3(active, item, classname, title, site, timeago, summary, left) {
	var statusbarContainer = document.getElementById('statusbarContainer');
	var statusbar = document.getElementById('statusbar');
	var statusbarTitle = document.getElementById('statusbarTitle');
	var statusbarSite = document.getElementById('statusbarSite');
	var statusbarTimeAgo = document.getElementById('statusbarTimeAgo');
	var statusbarSummary = document.getElementById('statusbarSummary');
	if (active) { 
		item.style.height = '60px';
		item.style.top = '-10px';
		statusbarContainer.style.visibility = 'hidden';
		statusbarContainer.style.display = 'block';
		statusbar.className = 'statusbar ' + classname;
		if (left) {
			statusbar.style.left = '8px';
			statusbar.style.right = 'auto';
		} else {
			statusbar.style.left = 'auto';
			statusbar.style.right = '8px';
		}
		statusbarTitle.innerHTML = title;
		statusbarSite.innerHTML = site;
		statusbarTimeAgo.innerHTML = timeago;
		statusbarSummary.innerHTML = summary;
		statusbarContainer.style.visibility = 'visible';
	}  else { 
		item.style.height = '50px';
		item.style.top = '0';
		statusbarContainer.style.display = 'none';
	}
}

function showMenu(active) {
	var flexmenuContainer = document.getElementById('flexmenuContainer');
	if (active) { 
		fadeArticle(true);
		this.menuVisible = true;
		flexmenuContainer.style.display = 'block';
	}  else {
		this.menuVisible = false;
		setTimeout('hideMenu();', 100);
	}
}

function hideMenu() {
	if (!this.menuVisible) {
		flexmenuContainer.style.display = 'none';
		fadeArticle(false);
	}
}

function fadeArticle(active) {
	var statusbarFade = document.getElementById('statusbarFade');
	if (active) { 
		statusbarFade.style.display = 'block';
	}  else { 
		statusbarFade.style.display = 'none';
	}
}

function mo(el, active) { 
	if (active) { 
		el.style.background = '#dbd8f2';
		el.style.color = '#404040';
	}  else { 
		el.style.background = '#e3e0f4';
		el.style.color = '#000000';
	}
}
function fav(id, updatePage, favPage) {
	document.getElementById('fi' + id).src = '/images/loading.gif';
	if (updatePage) {
		var updateText = '&updatepage=true';
		if (favPage) {
			updateText += '&favpage=true';
		} else {
			updateText += '&favpage=false';
		}
	} else {
		var updateText = '&updatepage=false';
	}
	insertTable(false, false, 'fav', 'id=' + id + updateText);
}

function switchSite(id, on) {
	if (on) {
		updateText = '&on=true';
	} else {
		updateText = '&on=false';
	}
	insertTable(false, false, 'switchSite', 'id=' + id + updateText);
}
function switchSection(id, on) {
	document.getElementById('si' + id).src = '/images/loadingbig.gif';
	if (on) {
		updateText = '&on=true';
	} else {
		updateText = '&on=false';
	}
	insertTable(false, false, 'switchSection', 'id=' + id + updateText);
}
function switchChannel(id, on) {
	if (on) {
		updateText = '&on=true';
	} else {
		updateText = '&on=false';
	}
	insertTable(false, false, 'switchChannel', 'id=' + id + updateText);
}
function switchState(id, on) {
	if (on) {
		updateText = '&on=true';
	} else {
		updateText = '&on=false';
	}
	insertTable(false, false, 'switchState', 'id=' + id + updateText);
}

function showHideSummary(id, show) {
	var el = document.getElementById('summary' + id);
//	if (el.style.display == 'none') {
	if (show) {
		el.style.display = 'block';
	} else {
		el.style.display = 'none';
	}
}

function showHideShare(id) {
	var el = document.getElementById('share' + id);
	if (el.style.display == 'none') {
		el.style.display = 'block';
		insertTable(false, false, 'addressSuggestions', 'id=' + id);
	} else {
		el.style.display = 'none';
	}
}

function addEmail(article, email) {
	var elAddressesField		= document.getElementById('addr' + article);
	var elAddressSuggestions	= document.getElementById('addressSuggestions' + article);
	var elEmailSuggestion		= document.getElementById('addr' + article + 'e' + email);
	var value = trim(elAddressesField.value);
	if (value == '') {
		value = elEmailSuggestion.innerHTML;
	} else if (value.substr(value.length-1) == ',' || value.substr(value.length-1) == ';') {
		value = value + elEmailSuggestion.innerHTML;
	} else {
		value = elAddressesField.value + ', ' + elEmailSuggestion.innerHTML;
	}
	elAddressesField.value = value;
	elAddressSuggestions.removeChild(elEmailSuggestion);
	if (elAddressSuggestions.childNodes.length == 0) {
		elAddressSuggestions.style.display = 'none';
	} 
}

function sendEmail(id) {
	var addresses	= document.getElementById('addr' + id);
	var message		= document.getElementById('msg' + id);
	if (document.getElementById('includeme' + id).checked) {
		var includeme = '&includeme=true';
	} else {
		var includeme = '&includeme=false';
	}
	insertTable(false, false, 'sendEmail', 'id=' + id + '&addresses=' + addresses.value + '&message=' + message.value + includeme);
}

function setStylesheet(num) {
	insertTable(false, false, 'setStylesheet', 'num=' + num);
}


function trim(value) {
	value = value.replace(/^[\s\n\r\t]+/,'');
	value = value.replace(/[\s\n\r\t]+$/,'');
	return value;
}

