// JAVASCRIPTFUNCTIES FRONTPAGE
function showDynNews(newsID) {

	// Foto en vormgeving tonen
	document.getElementById("openerfoto_foto").src 							= 'thumbnail_opener.php?a=' + dynNews[newsID][0]
	document.getElementById("openerfoto_foto").title						= dynNews[newsID][1]
	document.getElementById("openerfoto_toelichting").style.backgroundColor = dynNews[newsID][4] // dynNews[newsID][5]
	document.getElementById("openerfoto_toelichting").style.color 			= dynNews[newsID][5]
	document.getElementById("openerfoto_link").style.color 					= dynNews[newsID][5]
	document.getElementById("openerfoto_titellink").style.color 			= dynNews[newsID][5]

	// Teksten plaatsen
	document.getElementById("openerfoto_titel").innerHTML 					= dynNews[newsID][1]
	document.getElementById("openerfoto_subtitel").innerHTML 				= dynNews[newsID][2]
	document.getElementById("openerfoto_teaser").innerHTML 					= dynNews[newsID][3]

	// Links actief maken
	document.getElementById("openerfoto_link").href		 					= dynNews[newsID][6]
	document.getElementById("openerfoto_fotolink").href		 				= dynNews[newsID][6]
	document.getElementById("openerfoto_titellink").href		 			= dynNews[newsID][6]
}

function doDynNews() {
	showDynNews(Math.floor(Math.random()*(dynNews.length)));
	setTimeout("doDynNews()", 6000);
}

function statusCatagoryPaneel(idPanel) {
	if (document.getElementById(idPanel + 'Button').className == 'pijltjeopzij') {
		return 0 // ONZICHTBAAR
	} else {
		return 1 // ZICHTBAAR
	}
}

function getCatagoryPaneelHeight(idPanel, type) {
	strAantalItems = document.getElementById(idPanel + 'AantalItems')

	if (type == "cat") {
		return (172 + (parseFloat(strAantalItems.value) * 21))
			
	} else if (type == "text") {
		return (51 + (parseFloat(strAantalItems.value) * 21))
		
	} else if (type == "thumb") {
		return (62 + (parseFloat(strAantalItems.value) * 262))
	}
}

function toggleCatagoryPaneel(idPanel, type) {
	strAantalItems = document.getElementById(idPanel + 'AantalItems')
	if (statusCatagoryPaneel(idPanel) == 0) {
		// UITKLAPPEN
		document.getElementById(idPanel).style.height = getCatagoryPaneelHeight(idPanel, type) + 'px';
		document.getElementById(idPanel + 'Button').className = 'pijltjebeneden';
	} else {
		// INKLAPPEN
		document.getElementById(idPanel).style.height='46px';
		document.getElementById(idPanel + 'Button').className = 'pijltjeopzij';
	}
	setCookie(idPanel + 'Setup',statusCatagoryPaneel(idPanel) + "|" + strAantalItems.value ,60)
}

function toggleMainItem(catNummer, idItem, style) {
	idPanel = "cPaneel"+catNummer;
	// Alle items terugzetten naar uitgangspositie

        for (var i = 0; i < 3;i++) {
try{
document.getElementById(idPanel+'MainItem_'+i).className = 'item ' + style + 'licht';

}
catch(e){}	}
	// Actieve item markeren en weergeven
try{	document.getElementById(idPanel + 'MainItem_' + idItem).className = 'item ' + style + 'donker';
	document.getElementById(idPanel + "Foto").src = "thumbnail_mainitem.php?a=" + MainItems[catNummer][idItem][1];
	document.getElementById(idPanel + "Foto").title = MainItems[catNummer][idItem][2];
	document.getElementById(idPanel + "Link").href = "index.php?ajax_queryzoekitem=" + MainItems[catNummer][idItem][0] + "&ajax_querytype=get_eventoverzicht";
}catch(e){}
}

function itemChanger(idPanel, strAction, type) {
	strAantalItems = document.getElementById(idPanel + 'AantalItems')
	strMaxAantalItems = document.getElementById(idPanel + 'MaxAantalItems')
	
	if(strAction == 'increase') {
		if(parseFloat(strAantalItems.value) < parseFloat(strMaxAantalItems.value)) {
			strAantalItems.value = (parseFloat(strAantalItems.value) + 1)
			document.getElementById(idPanel).style.height = getCatagoryPaneelHeight(idPanel, type) + 'px';
			setCookie(idPanel + 'Setup',statusCatagoryPaneel(idPanel) + "|" + strAantalItems.value ,90)
		} // Anders niets doen, er zijn er al 8
	} else if (strAction == 'decrease')   {
		if(parseFloat(strAantalItems.value) > 0) {
			strAantalItems.value = (parseFloat(strAantalItems.value) - 1)
			document.getElementById(idPanel).style.height = getCatagoryPaneelHeight(idPanel, type) + 'px';
			setCookie(idPanel + 'Setup',statusCatagoryPaneel(idPanel) + "|" + strAantalItems.value ,90)
		} // Anders niets doen, er zijn er al 8
	} else if (strAction == 'init')   {
			// Cookie-actie
			var strPaneelDetails = getCookie(idPanel + 'Setup')
			if (strPaneelDetails!=null && strPaneelDetails!="" && strPaneelDetails!="|") {
				var arrPaneelDetails = getCookie(idPanel + 'Setup').split("|");
				strAantalItems.value = arrPaneelDetails[1]
				// Paneel is onzichtbaar
				if (arrPaneelDetails[0] == 0) {
					toggleCatagoryPaneel(idPanel, type)
				} else {
					document.getElementById(idPanel).style.height = getCatagoryPaneelHeight(idPanel, type) + 'px';
				}
			} else {
				setCookie(idPanel + 'Setup',statusCatagoryPaneel(idPanel) + "|" + strAantalItems.value ,90)
				document.getElementById(idPanel).style.height = getCatagoryPaneelHeight(idPanel, type) + 'px';
			}
	}
}

function initFrontPage() {
	// VOLGORDE VAN PANELEN HERSTELLEN
	var SlidePaneel = document.getElementById('CI_contentslidepaneel')
	var strPaneelVolgorde = getCookie('CI_divOrder')
	if (strPaneelVolgorde!=null && strPaneelVolgorde!="" && strPaneelVolgorde!="|") {
		// VOLORDE LEZEN UIT COOKIE
		var panels = strPaneelVolgorde.split(";");
	} else {
		// GEEN COOKIE, BASISVOLORDE
		var panels=new Array()
		//panels=["cPaneel1", "cPaneel7", "cPaneel6", "cPaneel12", "cPaneel4", "cPaneel11", "cPaneel5", "cPaneel8", "cPaneel9", "cPaneel3", "cPaneel10", "cPaneel12", "CI_contentpaneel_wrapper", "cPaneelRecentText"];
		panels=["cPaneel1", "cPaneel6", "cPaneel12", "cPaneel10", "cPaneel2", "cPaneel11", "cPaneel7", "cPaneel3", "cPaneel8", "cPaneel4", "cPaneel5", "cPaneel9", "CI_contentpaneel_wrapper", "cPaneelRecentText"];
	} 
	
	for (i=panels.length-1;i>=0;i--) {
		if (i == panels.length-1) {
			SlidePaneel.appendChild(document.getElementById(panels[i]));
		} else {
			SlidePaneel.insertBefore(document.getElementById(panels[i]), document.getElementById(panels[i+1]));
		}
	}

	// categoryPanelen initialiseren
	itemChanger('cPaneel1', 'init', 'cat');
	itemChanger('cPaneel6', 'init', 'cat');
	itemChanger('cPaneel12', 'init', 'cat');
	itemChanger('cPaneel10', 'init', 'cat');
	itemChanger('cPaneel2', 'init', 'cat');
	itemChanger('cPaneel11', 'init', 'cat');
	itemChanger('cPaneel7', 'init', 'cat');
	itemChanger('cPaneel3', 'init', 'cat');
	itemChanger('cPaneel8', 'init', 'cat');
	itemChanger('cPaneel4', 'init', 'cat');
	itemChanger('cPaneel5', 'init', 'cat');
	itemChanger('cPaneel9', 'init', 'cat');
	
	
	itemChanger('cPaneelRecentText', 'init', 'text');
	itemChanger('CI_contentpaneel_wrapper', 'init', 'thumb');
        
}

function resetFrontPage() {
	// cookies wissen
	setCookie('cPaneel1' + 'Setup','' ,-1);
	setCookie('cPaneel7' + 'Setup','' ,-1);
	setCookie('cPaneel3' + 'Setup','' ,-1);
	setCookie('cPaneel2' + 'Setup','' ,-1);
	setCookie('cPaneel11' + 'Setup','' ,-1);
	setCookie('cPaneel5' + 'Setup','' ,-1);
	setCookie('cPaneel8' + 'Setup','' ,-1);
	setCookie('cPaneel9' + 'Setup','' ,-1);
	setCookie('cPaneel4' + 'Setup','' ,-1);
	setCookie('cPaneel6' + 'Setup','' ,-1);
	setCookie('cPaneel10' + 'Setup','' ,-1);
	setCookie('cPaneel12' + 'Setup','' ,-1);
	setCookie('cPaneelRecentText' + 'Setup','' ,-1);
	setCookie('CI_contentpaneel_wrapper' + 'Setup','' ,-1);
	setCookie('CI_divOrder','' ,-1);
	window.location.reload( true );
}

function delCookie(name) {
    document.cookie = name + "=" +
      ";expires=Thu, 01-Jan-70 00:00:01 GMT";
}

function saveFrontPage() {
	setCookie('CI_divOrder', saveDraggableContentData() ,90)

//	SlidePaneel.insertBefore(document.getElementById("CI_contentpaneel_wrapper"), document.getElementById('CI_contentslidepaneel'));
	
//	insertAfter(, document.getElementById("CI_contentpaneel_wrapper"))
//	insertAfter(document.getElementById("cPaneelRecentText"), document.getElementById("CI_contentpaneel_wrapper"))
	
//	;;cPaneel1;cPaneel7;cPaneel3;cPaneel4;cPaneel2;cPaneel11;cPaneel5;cPaneel8;cPaneel9
}

function insertAfter(new_node, existing_node) {
	if (existing_node == null || existing_node.nextSibling == null)  {
		 document.getElementById('CI_contentslidepaneel').appendChild(new_node);
	} else {
		existing_node.parentNode.insertBefore(new_node, existing_node.nextSibling);
	}
} // insertAfter()	

function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    { 
    c_start=c_start + c_name.length+1 ;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length
    return unescape(document.cookie.substring(c_start,c_end));
    } 
  }
return ""
}

function setCookie(c_name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=c_name+ "=" +escape(value)+((expiredays==null) ? "" : "; expires="+exdate.toGMTString());
}