// Safe console
// ----------
//if (typeof console === 'undefined') console = {};
//if (typeof console.log === 'undefined') console.log = function(){};
// ----------
// Variable definitions
// ----------
var ciTius = ciTius || {};

// ----------
// Boot up
// ----------
$(document).ready(function() {
    ciTius.init();
});

// ----------
// Master init
// ----------
ciTius.init = function() {
	$("body").hide();
	$("body").fadeIn( 20,function () {} );
    if ( $.browser.msie && $.browser.version<7) {
        DD_belatedPNG.fix('.pngFix, .slideshowBg, .slideshowMask');
    }
	$("#myslideshow1 .item").each(function(i){
		$(this).addClass("item"+i).css("top","-"+(i*450)+"px");
	});
	ciTius.initCarousel();
};

ciTius.curSlide = 0;
ciTius.lastSlide = 0;
ciTius.timer =8000;
ciTius.timeOut = false;
ciTius.initCarousel = function() {
	$("#myslideshow1 .item").css({"z-index":"1"});
	$("#myslideshow1 .item0").css({"opacity":"1","z-index":"3"});
	if($("#myslideshow1 .item").length>1) ciTius.timeOut = setTimeout("ciTius.autoScroll()",ciTius.timer);
    $('.jslideshow-control A').bind('click', function() {
		clearTimeout(ciTius.timeOut);
		thisIndex = $(".jslideshow-control A").index($(this));
		if(thisIndex!=ciTius.curSlide){
//			console.log(ciTius.curSlide+", "+ciTius.lastSlide);
			ciTius.curSlide = thisIndex;
			$("#myslideshow1 .item").css("z-index","1");
			$("#myslideshow1 .item"+ciTius.lastSlide).css({"z-index":"2"});
			$("#myslideshow1 .item"+thisIndex).css({"opacity":"0","z-index":"3"}).animate({"opacity":"1"},1500, "swing");
			$(".slideshowNav A").removeClass("on");
			$(this).addClass("on");
			myAlt = $("#myslideshow1 IMG").eq(parseInt($(this).text())-1).attr("alt");
			myTitle = $("#myslideshow1 IMG").eq(parseInt($(this).text())-1).attr("title");
			myLink = $("#myslideshow1 IMG").eq(parseInt($(this).text())-1).attr("href");
			myName = $("#myslideshow1 IMG").eq(parseInt($(this).text())-1).attr("name");
$(".slideshowLab .label").html("<span class='imgTitle'><strong>"+myName+"</strong></span><br /><br /><b>"+myTitle+"</b><br />"+myAlt+"<br /><a href='"+myLink+"' target='_self'class='slideLink'>En savoir plus...</a>");
			ciTius.lastSlide = thisIndex;
		}
        return false;
    });
};
ciTius.autoScroll = function() {
	ciTius.curSlide = ciTius.curSlide+1==$("#myslideshow1 .item").length ? 0 : ciTius.curSlide+1;
//	console.log(ciTius.curSlide+", "+ciTius.lastSlide);
	$("#myslideshow1 .item").css({"z-index":"1"});
	$("#myslideshow1 .item"+ciTius.lastSlide).css({"z-index":"2"});
	$("#myslideshow1 .item"+ciTius.curSlide).css({"opacity":"0","z-index":"3"}).animate({"opacity":"1"},1500, "swing");
	$(".jslideshow-control A").removeClass("on");
	$(".jslideshow-control A").eq(ciTius.curSlide).addClass("on");
	ciTius.timeOut = setTimeout("ciTius.autoScroll()",ciTius.timer);
	ciTius.lastSlide = ciTius.lastSlide+1==$("#myslideshow1 .item").length ? 0 : ciTius.lastSlide+1;
	myAlt = $("#myslideshow1 IMG").eq(ciTius.curSlide).attr("alt");
	myTitle = $("#myslideshow1 IMG").eq(ciTius.curSlide).attr("title");
	myLink = $("#myslideshow1 IMG").eq(ciTius.curSlide).attr("href");
	myName = $("#myslideshow1 IMG").eq(ciTius.curSlide).attr("name");
	$(".slideshowLab .label").html("<span class='imgTitle'><strong>"+myName+"</strong></span><br /><br /><b>"+myTitle+"</b><br />"+myAlt+"<br /><a href='"+myLink+"' target='_self'class='slideLink'>En savoir plus...</a>");
}