/**
 * Navigatie voor het In De Kijker gedeelte op de home
 * @author diederik@2mpact.be
 */
 
/* var idk_item_ids (@see WebLayout.class.php) */
var $j = jQuery.noConflict();
var switch_interval = idk_interval * 1000 /*ms*/;
var interval_identifier = false;
var idk_item_current_idx = 0;

$j(document).ready(function(){
	$j('#idk_right .idk_nav_item').each(function(){
		// a omvormen tot span		
		if ($j(this).is('a')) 
		{	
			html_el = '<span class="'+$j(this).attr('class')+'" id="'+$j(this).attr('id')+'" title="'+$j(this).attr('title')+'">'+$j(this).text()+'</span>';
			$j(this).replaceWith(html_el);
		}
	});
	/* item_id bepalen - nieuw click event registreren met item_id als parameter */
	$j('#idk_right .idk_nav_item').each(function(){
		var idk_item_id = $j(this).attr('id').substring(13);
		
		$j(this).parent().click(function(event){
			switch_idk_item(idk_item_id);
		});
	});
	/* click-event op heel het in de kijker gedeelte om automatisch switchen te stoppen */
	$j('div#idk').click(idk_stop);
	idk_start();
});

function switch_idk_item(item_id)
{
	/* huidig actief item (div.idk_item_status_actief)
	 * 1. display op none zetten voor $j('div.idk_item_status_actief')
	 * 2. id's en klasses aanpassen: 
	 * 		klasse 	'idk_item_status_actief' 	=> klasse 	'idk_item_status_hidden'
	 * 		id 		'kolom_x' 					=> klasse 	'kolom_x'
	 */
	$j('div.idk_item_status_actief')
		.hide()
		.toggleClass('idk_item_status_actief')
		.toggleClass('idk_item_status_hidden')
		.each(function(){ $j(this).addClass($j(this).attr('id')); })
		.removeAttr('id');
	
	/* nieuw actief item (item_id)
	 * 1. display op block zetten voor $j('div.idk_item_status_actief')
	 * 2. id's en klasses aanpassen: 
	 * 		klasse idk_item_status_actief => idk_item_status_hidden
	 * 		id 'kolom_x' => klasse 'kolom_x'
	 */
	$j('div.idk_item_status_hidden.item_'+item_id)
		.show()
		.toggleClass('idk_item_status_actief')
		.toggleClass('idk_item_status_hidden');
	$j('div#idk_left div.item_'+item_id+'.kolom_1')
		.attr('id','kolom_1')
		.removeClass('kolom_1');
	$j('div#idk_left div.item_'+item_id+'.kolom_2')
		.attr('id','kolom_2')
		.removeClass('kolom_2');
		
	/* navigatie aanpassen */	
	$j('#idk_current').add('#idk_ondercurrent').removeAttr('id');
	$j('#idk_nav_item_'+item_id).parents('div.idk_item').eq(0)
		.attr('id','idk_current')
		.next().attr('id','idk_ondercurrent');
}

function idk_start() 
{
	if (false == interval_identifier)
		interval_identifier = setInterval( "idk_switch()", switch_interval );
}
function idk_stop()
 {
 	if (false != interval_identifier)
 	{
		clearInterval(interval_identifier);
		interval_identifier = false;
	}
}
function idk_switch() 
{
	// huidige idx aanpassen
	if (idk_item_current_idx++ >= idk_item_ids.length -1) idk_item_current_idx = 0;
	
	//switchen
	switch_idk_item(idk_item_ids[idk_item_current_idx]);
}