/********************************************************************************/
function examplecardLoadTheme(eventId){ // eventId = categorie 1 t/m 5
	new Ajax.Updater('examplecards', '/site/examplecards/examplecards_main.php', {
		parameters: { event_id: eventId }
	});
	
	var menuLi = $$('#examplecards_menu ul li a');
	menuLi.each(function(a){
		a.removeClassName('active');
	});
	
	$('event_' + eventId).addClassName('active');
}
/********************************************************************************/
/*
function examplecardLoadPage(event_id,page,action){

	if(action){
		var currentPage  = $('thumbs').readAttribute('currentpage');
		var currenttheme = $('thumbs').readAttribute('currenttheme');
		switch(action){
			case 'next':
				currentPage++;
				page = currentPage;
				break;
			case 'previous':
				currentPage--;
				page = currentPage;
				break;
		}
	}
	
	var maxPages  = $('nav').readAttribute('totalpages');
//alert("maxPages = "+maxPages+" currentPage = "+currentPage+" currenttheme = "+currenttheme);

	if(page > 1){
		$('nav_previous').src = '/site/img/nav/nav-previous-off.gif';
		$('nav_previous').setStyle({cursor: 'pointer'});
	}
	
	if(page == maxPages){
		$('nav_next').src = '/site/img/nav/nav-next-disabled.gif';
		$('nav_next').setStyle({cursor: ''});
	}
	
	if(page < maxPages){
		$('nav_next').src = '/site/img/nav/nav-next-off.gif';
		$('nav_next').setStyle({cursor: 'pointer'});
	}
	
	if(page == 1){
		$('nav_previous').src = '/site/img/nav/nav-previous-disabled.gif';
		$('nav_previous').setStyle({cursor: ''});
	}
	
	if(page <= maxPages && page >= 1){
		new Ajax.Updater('thumbs', '/site/examplecards/examplecards_thumbs.php', {
			parameters: { event_id: event_id, page: page }
		});
		
		var pageNav = $$('#nav a');
		pageNav.each(function(page){
			page.removeClassName('active');
		});
		
		$('page_' + page).addClassName('active');
		
		$('thumbs').writeAttribute('currentpage',page);
	}

}
*/
/********************************************************************************/
function examplecardLoadPage(event_id,page,action){

	if(action){
		var currentPage  = $('thumbs').readAttribute('currentpage');
		var currenttheme = $('thumbs').readAttribute('currenttheme');
		switch(action){
			case 'next':
				currentPage++;
				page = currentPage;
				break;
			case 'previous':
				currentPage--;
				page = currentPage;
				break;
		}
	}
	
	var maxPages  = $('nav').readAttribute('totalpages');
//alert("maxPages = "+maxPages+" currentPage = "+currentPage+" currenttheme = "+currenttheme);

	if(page > 1){
		//$('nav_previous').src = '/site/img/nav/nav-previous-off.gif';
		$('nav_previous').setStyle({cursor: 'pointer'});
		
		//$('#nav_previous a').setStyle({'color': '#f0f'});
	}
	
	if(page == maxPages){
		//$('nav_next').src = '/site/img/nav/nav-next-disabled.gif';
		$('nav_next').setStyle({cursor: ''});
	}
	
	if(page < maxPages){
		//$('nav_next').src = '/site/img/nav/nav-next-off.gif';
		$('nav_next').setStyle({cursor: 'pointer'});
	}
	
	if(page == 1){
		//$('nav_previous').src = '/site/img/nav/nav-previous-disabled.gif';
		$('nav_previous').setStyle({cursor: ''});
	}
	
	if(page <= maxPages && page >= 1){
		new Ajax.Updater('thumbs', '/site/examplecards/examplecards_thumbs.php', {
			parameters: { event_id: event_id, page: page }
		});
		
		var pageNav = $$('#nav div.nav_bullit');
		pageNav.each(function(page){
			//page.removeClassName('active');
			page.removeClassName('nav_bullit_active');
		});
		
		//$('page_' + page).addClassName('active');
		$('bullit_' + page).addClassName('nav_bullit_active');
		
		$('thumbs').writeAttribute('currentpage',page);
	}

}
/********************************************************************************/
function examplecardPopup(id,thumbId,eventId){

	thumbId = thumbId.substr(12);
	new Ajax.Updater('examplecard', '/site/examplecards/examplecards_popup.php', {
		parameters: { examplecard_id: id, thumb_id: thumbId },
		evalScripts: true,
		onComplete: function(){	
				
			var examplecardsTotal = $('thumbs').readAttribute('examplecardstotal');
			var maxPages  = $('nav').readAttribute('totalpages');
			
			var lastThumbId = $('thumbs').readAttribute('examplecardstotal') - (Math.floor($('thumbs').readAttribute('examplecardstotal') / examplecardsPerPage) * examplecardsPerPage);
				if(thumbId == lastThumbId && currentPage == maxPages || thumbId == examplecardsTotal && currentPage == maxPages){
				$('examplecard_next_img').hide();
			}
			
			if(thumbId == 1 && currentPage == 1){
				$('examplecard_previous_img').hide();
			}
		}
	});
	
	var popupWidth        = $('examplecard_popup').getWidth();
	var popupHeight       = $('examplecard_popup').getHeight();
	var viewportWidth     = document.viewport.getWidth();
	var viewportHeight    = document.viewport.getHeight();
	var scrolloffsetLeft  = document.viewport.getScrollOffsets()[0];
	var scrolloffsetRight = document.viewport.getScrollOffsets()[1];
	
	var popupLeft = ((viewportWidth / 2) - (popupWidth / 2)) + scrolloffsetLeft;
	var popupTop  = ((viewportHeight / 2) - (popupHeight / 2)) + scrolloffsetRight;
	
	if(popupLeft < 0) { popupLeft = 0; }
	if(popupTop < 0)  { popupTop  = 0; }
	
	$('examplecard_popup').setStyle({
		position: 'absolute',
		left: popupLeft + 'px',
		top: popupTop + 'px'
	});
	
	document.onkeydown = function(e){
		if (e == null) { // ie
			keycode = event.keyCode;
			escapeKey = 27;
		} else { // mozilla
			keycode = e.keyCode;
			escapeKey = e.DOM_VK_ESCAPE;
		}
		
		if(keycode == escapeKey){
			$('examplecard_popup').hide();
			document.onkeydown = '';
		}
	}
	
	var currentPage = $('thumbs').readAttribute('currentpage');
	
	$('examplecard_popup').show();
	
}
/********************************************************************************/
function examplecardNav(action,id,eventId){
	var currentPage  = $('thumbs').readAttribute('currentpage');
	var currenttheme = $('thumbs').readAttribute('currenttheme');
		
	switch(action){
		case 'next':
			id++;
			if(id > examplecardsPerPage){
				examplecardLoadPage(currenttheme,currentPage,'next');
				var t=setTimeout("examplecardNavnextpage('"+eventId+"')",500);
			}else{
				var examplecard_id = $('examplecard_' + id).readAttribute('examplecard_id');
				$('examplecard_popup').hide();
				examplecardPopup(examplecard_id,'examplecard_' + id,eventId);
			}
			break;
		case 'previous':
			id--;
			if(id == 0){
				examplecardLoadPage(currenttheme,currentPage,'previous');
				var t=setTimeout("examplecardNavprevpage('"+eventId+"')",500);
			}else{
				var examplecard_id = $('examplecard_' + id).readAttribute('examplecard_id');
				$('examplecard_popup').hide();
				examplecardPopup(examplecard_id,'examplecard_' + id,eventId);
			}
			break;
	}
}
/********************************************************************************/
// De gegevens worden uit de thumbnails gelezen, bij de paginawissel gaat dat te snel 
// dus wachten we even en roepen dan deze pagina aan.
function examplecardNavnextpage(eventId){
				id = 1;
				$('examplecard_popup').hide();
				var examplecard_id = $('examplecard_1').readAttribute('examplecard_id');
				examplecardPopup(examplecard_id,'examplecard_1',eventId);
}
function examplecardNavprevpage(eventId){
				id = examplecardsPerPage;
				var examplecard_id = $('examplecard_' + id).readAttribute('examplecard_id');
				$('examplecard_popup').hide();
				examplecardPopup(examplecard_id,'examplecard_' + id,eventId);
}