// JavaScript Document





/* Info Bar */
var infobarContainer = 'divInfoBar';
var infobarContent = 'divInfoBarContent';
var currentID = -1;

function showInfoBar(content, barStyle, icon, ttl) {
	
	//random id aanmaken
	var id = Math.floor(Math.random() * 999999);
	
	//kijken als er een icon meegegeven is
	var iconContent = "";
	if(icon != "") {
		iconContent = '<span class="ui-icon ui-icon-' + icon + '" style="float: left; margin-right: .3em;"></span> ';
	}
	
	//content opvullen
	document.getElementById(infobarContent).innerHTML = iconContent + content;
	
	//layout zetten
	if(barStyle.toLowerCase() == 'header')
		document.getElementById(infobarContent).className = 'ui-widget-header ui-corner-all';
	if(barStyle.toLowerCase() == 'active')
		document.getElementById(infobarContent).className = 'ui-state-active ui-corner-all';
	if(barStyle.toLowerCase() == 'error')
		document.getElementById(infobarContent).className = 'ui-state-error ui-corner-all';
	if(barStyle.toLowerCase() == 'highlight')
		document.getElementById(infobarContent).className = 'ui-state-highlight ui-corner-all';
	if(barStyle.toLowerCase() == 'focus')
		document.getElementById(infobarContent).className = 'ui-state-focus ui-corner-all';
	
	//start met tonen
	currentID = id;
	fadeInInfoBar(15);
	
	setTimeout('fadeOutInfoBar(' + id + ', 15)', (ttl * 1000));
	
}

function hideInfoBar() {
	fadeOutInfoBar(currentID, 15);
}

function fadeInInfoBar(fadelevel) {
	/*
	if(fadelevel > 0) {
		//alert(1.0 / fadelevel);
		document.getElementById(infobarContainer).style.opacity = (1.0 / fadelevel);
		document.getElementById(infobarContainer).style.display = 'block';
		setTimeout('fadeInInfoBar(' + (fadelevel - 1) + ')', 25);
	}
	*/
	
	document.getElementById(infobarContainer).style.display = 'block';
	new Effect.Opacity(infobarContainer, { from: 0, to: 1, duration: 0.5 });
}

function fadeOutInfoBar(id, fadelevel) {
	if(currentID == id) {
		/*
		if(fadelevel > 0) {
		//alert(1.0 / fadelevel);
		document.getElementById(infobarContainer).style.opacity = 1 - (1.0 / fadelevel);
		document.getElementById(infobarContainer).style.display = 'block';
		setTimeout('fadeOutInfoBar(' + id + ', ' + (fadelevel - 1) + ')', 25);
		} else {
		currentID = -1;
		}
		*/
		
		new Effect.Opacity(infobarContainer, { from: 1, to: 0, duration: 0.5 });
		setTimeout("document.getElementById(infobarContainer).style.display = 'none';", 500);
	}
}

var troeven = new Array(
	"troef1",
	"troef2",
	"troef3",
	"troef4",
	"troef5",
	"troef6");

function clickedTroef(eleid) {
	if(document.getElementById(eleid).style.display != "none") {
		hideElement(eleid);
		return true;
	}
	
	//Alle andere troeven sluiten
	for(i=0; i<troeven.length; i++) {
		if(document.getElementById(troeven[i]).style.display != "none")
			hideElement(troeven[i]);
	}
	
	showElement(eleid);
	
	return true;
}

function hideElement(eleid) {
	Effect.BlindUp(eleid, { duration: 0.4 });
	document.getElementById(eleid + 'li').className = "";
}

function showElement(eleid) {
	Effect.BlindDown(eleid, { duration: 0.4 });
	document.getElementById(eleid + 'li').className = "selected";
}