/***** CONFIG *****/

var slider_config = {
	"change_interval": 5000,
	"fade_out_time": 1100,
	"fade_in_time": 1300
};

/******************/



var slider=null;

$(document).ready(function(){
	slider = {"els": [], "cur_sel": 0, "timer": null, "fading": false};
	$("div.illu-container-wrap").each(function(i) {
		slider.els.push ($(this));
		
	});


	if (slider.els.length > 1)
	for (var i=1; i<slider.els.length; i++) {
		slider.els[i].toggle (false);
	}

	
	for (var i=0; i<slider.els.length; i++) {
		eval ('\
			$("#topicnav'+(i+1)+'").click(function(ev) {\
				slider_toggle ('+i+');\
				ev.preventDefault();\
			});\
		');
	}

	slider_timer (true);
	$("*.illu-container").mouseover (function(ev) {
		slider_timer (false);
	});
	$("*.illu-container").mouseout (function(ev) {
		slider_timer (true);
	});
});

function slider_toggle (i) {
	i = parseInt (i);
	if (i<0 || i>=slider.els.length) return;
	

	$("#topicnav"+(slider.cur_sel+1)).removeClass ("topic-nav-on");
	$("#topicnav"+(slider.cur_sel+1)).addClass ("topic-nav-off");
	$("#topicnav"+(i+1)).removeClass ("topic-nav-off");
	$("#topicnav"+(i+1)).addClass ("topic-nav-on");

	//eval(' slider.els['+slider.cur_sel+'].find("img").hide (1000, function() {slider.els['+slider.cur_sel+'].toggle (false); slider.els['+i+'].toggle (true);}); ');
	

	slider.els[i].find("img").toggle (false);
	slider.els[i].find("div.csc-textpic-text").toggle (true);
	slider.els[slider.cur_sel].find("div.csc-textpic-text").toggle(false);
	slider.els[i].toggle (true);

	slider.els[i].css("z-index", "1");
	slider.els[slider.cur_sel].css("z-index", "2");

	if (!slider.fading) {

		slider.fading=true;
		slider.els[slider.cur_sel].find("img").fadeOut (
				slider_config.fade_out_time, 
				function(){
					for (var j=0; j<slider.els.length; j++)
						if (j!=slider.cur_sel)
							slider.els[j].toggle(false); 
					slider.els[slider.cur_sel].find("img").fadeIn (slider_config.fade_in_time);
					slider.fading=false
				});

	}

	slider.cur_sel = i;
}
function slider_toggle_autonext () {
	slider_toggle ((slider.cur_sel + 1) % slider.els.length);
}
function slider_timer (activate) {
	if (activate) {
		if (slider.timer == null) {
			slider.timer = setInterval (slider_toggle_autonext, slider_config.change_interval);
		}
	}
	else {
		if (slider.timer != null) {
			clearInterval (slider.timer);
			slider.timer = null;
		}
	}
}