$(document).ready(function(){
	initAgenda();
	initSlideshow();
	initLinks();
	initAgendaHover();
	initArchief();
	$.ifixpng('/_images/pixel.gif');
	//$('img[@src$=.png]').ifixpng('/_images/pixel.gif'); 
});

function initArchief(){
	var nMaxAant = 6;
	var sMoreItems = '[ Volledige lijst ]';
	var sLessItems = '[ Lijst inklappen ]';
	
	$oCont = $('#sensorlist .list');

	$oCont.each(function(){
		nCount = $(this).find('li, div.sensoritem').length;
		if( nCount > nMaxAant ){
			var nCount = nMaxAant-1;
			$(this).find('li:gt('+nCount+'), div.sensoritem:gt('+nCount+')').addClass('hide').addClass('toggle');
			$(this).append('<a href="#" class="more expand">[ Volledige lijst ]</a>');
		}
	});
	
	$oCont.find('.expand').click(function(){
		if( $(this).parent('div').find('.hide').length > 0 ){
			//$(this).parent('div').find('.toggle').fadeIn(500).removeClass('hide');
			$(this).parent('div').find('.toggle').removeClass('hide');
			$(this).html(sLessItems);
		} else {
			//$(this).parent('div').find('.toggle').fadeOut(500).addClass('hide');
			$(this).parent('div').find('.toggle').addClass('hide');
			$(this).html(sMoreItems);
		}
		return false;
	});
	
	
}

var toggleTimeout;
function initSlideshow(){
	$oSs = $('#slideshow');
	$oSsNav = $('#slideshow .picnav');
	
	var sFirst = $oSs.find('.picnav ul li.slide:first a').attr('href');
	$oSs.prepend('<div class="mainimg"><img src="'+sFirst+'" /></div>');
	
	$oSs.find('.picnav ul li.slide a').click(function(){
		var sSrc = $(this).attr('href');
		
		$oSs.find('.mainimg img').attr('src',sSrc);
		$(this).parents('li').addClass('active');
		$oSs.find('.picnav ul li').removeClass('active');
		$(this).parents('li').addClass('active');
		return false;
	});
	$oSs.find('.picnav ul li.slide:first').addClass('active');
	
	$oSsNav.prepend('<a class="start-slideshow">Start Slideshow</a>');
	
	$oSsNav.find('.navbut img').click(function(){
		stype = $(this).attr('title');
		startSlideshow('pause');
		switchSlideshow(stype);
		$oSsNav.find('.start-slideshow').html('Start slideshow');
		return false;	
	});
	
	$oSsNav.find('.start-slideshow').click(function(){
		if( $(this).hasClass('active') ){
			$(this).html('Start slideshow').removeClass('active');
			startSlideshow('pause');
		} else {
			$(this).html('Stop slideshow').addClass('active');
			$oSs.find('.mainimg img').hide();
			$oSs.find('.mainimg img').fadeIn(500,function(){
				startSlideshow('play');
			});
		}
		return false;
	});
	
}
function startSlideshow(type){
	toggleTimeout = clearTimeout(toggleTimeout);
	interval = 3;
	if( type == 'play' ){
		toggleTimeout = setTimeout( "switchSlideshow(1);startSlideshow('play');", interval*1000 );
	}
}

function switchSlideshow(type){
	$oSs = $('#slideshow');
	
	if( type == 1 ){
		$oNewLink = $oSs.find('.picnav li.slide.active a').parent('li.slide').next().find('a.changeSlide');
		if( $oNewLink.length == 0 ){
			$oNewLink = $oSs.find('.picnav li.slide:first a');
		}
		
	}else{
		$oNewLink = $oSs.find('.picnav li.slide.active a').parent('li.slide').prev().find('a.changeSlide');
		if( $oNewLink.length == 0 ){
			$oNewLink = $oSs.find('.picnav li.slide:last a');
		}
	}	
	if( $oNewLink.length > 0 ){
		$oSs.find('.mainimg img').fadeOut(200,function(){
			$oSs.find('.mainimg img').attr('src',$oNewLink.attr('href'));
			$oSs.find('.mainimg img').fadeIn(800);
		});

		$oSs.find('.picnav li.active').removeClass('active');
		$oNewLink.parent('li').addClass('active');
	};
}


function initAgenda(){
	$('#agenda .itemlist').show();
	$oActive = $('#agenda .nav li:first').addClass('active');
	$oActive = $('#agenda .nav li a').click(function(){
		$('#agenda .nav li').removeClass('active');
		$(this).parents('li').addClass('active');
		
		nSkipdate = $(this).attr('href').replace('#agenda-','');
		
		sURL = "/sites/sensor/_ajax/agenda.xml?__toolbar=0&skipdate="+nSkipdate;
		$('#agenda .itemlist').hide();
		$('#agenda .itemlist').load(sURL, '' ,function(){
			$('#agenda .itemlist').slideDown(800);
		});
		return false;
	});
	// Agenda table click

}

function initAgendaHover(){
	$('#agenda-big tbody tr').click(function(){
		link = '/sites/sensor/_ajax/agenda.xml'+$(this).find('a').attr('href')+"&__toolbar=0";
		$('#agenda-container').load(link);
		return false;
	});
	$('#agenda-big tbody tr').addClass('clickable');
	$('#agenda-big tbody tr').hover(function(){
		$(this).addClass('hover');
	},function(){
		$(this).removeClass('hover');
	});
}